聊聊開發(fā)日常的效率提升工具（全）

?

前言：日常開發(fā)中，好的工具往往能讓我們事半功倍，有句老話說得好：工欲善其事，必先利其器。使用高效率的工具可以極大提升我們的開發(fā)效率。接下來分享下樹醬平時開發(fā)中經(jīng)常使用的一些效率工具

?

1 ??本地化工具篇

1.1 Apifox

?

官方介紹: API 文檔、調試、Mock、測試一體化協(xié)作平臺。Apifox = Postman + Swagger + Mock + JMeter。官網(wǎng)地址^[1]

?

推薦理由：

• 對于前端：拿來做mock mock出來的數(shù)據(jù)很人性化
• 對于后端：拿來做調試 postmam的功能完全具備并支持自動校驗數(shù)據(jù)結構
• 對于測試：拿來做接口自動化測試 可視化配置斷言功能杠杠的
• 對于團隊：一體化協(xié)同工具 打通前端、后端及測試研發(fā)閉環(huán)

1.2 Utools

?

官方介紹：uTools 是一個極簡、插件化的現(xiàn)代桌面軟件，通過自由選配豐富的插件，打造得心應手的工具集合。通過快捷鍵就可以快速呼出這個搜索框，統(tǒng)一的設計風格和操作方式，助你高效的得到結果。官網(wǎng)地址^[2]

?

推薦理由：

• 豐富的插件中心：每個插件解決一個具體場景的問題，簡潔易用、隨用隨走
• 多功能輸入框：支持文本、截圖、圖片、文件、文件夾

1.3 iTerm2

?

官方介紹：iTerm2 是終端的替代品，也是 iTerm 的繼任者。它適用于 Mac 與 macOS 10.14 或較新的。iTerm2 將終端帶入現(xiàn)代，具有您從來不知道自己一直想要的功能。官網(wǎng)鏈接^[3]

?

推薦理由：

• 可以打造美觀高效的 Mac 終端
• 支持分屏！

1.4 Zsh

?

介紹：Zsh是一個Linux下強大的shell工具,是bash替代品中表現(xiàn)最佳的一個。跟Bash相比，Zsh的補全功能很強大，可以自動補全命令、參數(shù)、文件名、進程、用戶名、變等等，同時還支持插件擴展，能支持更多功能方便我們高效使用 官網(wǎng)鏈接^[4]

?

推薦理由：

• 支持命令提示與智能補全
• 支持快速與自動跳轉

1.5 Charles

?

介紹：最好用的抓包工具。Charles 是一個支持多平臺的 HTTP 代理器、HTTP 監(jiān)控、反向代理器。它能夠讓開發(fā)者查看本地機器與互聯(lián)網(wǎng)之間的所有 HTTP 以及 SSL/HTTPS 傳輸數(shù)據(jù)。官方地址^[5]

?

1.6 SourceTree

?

介紹：SourceTree 是非常好用的 Git 圖形界面工具，它是由Atlassian開發(fā)的免費Git圖形界面工具，可以操作任何 Git 庫。如果你習慣使用命令行操作 Git，請忽略。官網(wǎng)地址^[6]

?

github與sourceTree什么區(qū)別？

sourcetree是一個git的GUI客戶端，類似svn時代的TortoiseSVN。而github是一個代碼托管平臺，使用git提供版本控制服務。

1.7 Tampermonkey 油猴腳本

?

介紹：Tampermonkey中文名俗稱油猴，是一款免費的瀏覽器擴展和最為流行的用戶腳本管理器是一款免費的瀏覽器插件，用戶可以通過油猴添加和使用腳本。通過這些腳本，可以實現(xiàn)視頻解析、音樂下載、網(wǎng)盤直連解析、屏蔽網(wǎng)站廣告等等功能 官網(wǎng)地址^[7]

?

1.8 Typora

?

介紹：Typora 是一款支持實時預覽的 Markdown 文本編輯器。簡潔易用，相信你用了就愛了！官網(wǎng)地址^[8]

?

1.9 Alfred

?

官方介紹：Alfred 是 macOS 屢獲殊榮的應用程序，通過熱鍵、關鍵字、文本擴展等提高您的效率。搜索您的 Mac 和 Web，通過自定義操作來控制您的 Mac，并提高效率。官網(wǎng)地址^[9]

?

1.10 Dash

?

官方介紹：Dash 可讓您的 Mac 即時離線訪問 200+ API 文檔集。官方地址^[10]

?

推薦理由：

• 離線文檔查閱：快速方便的 API 索引，包含 JavaScript、React 等語言及庫的文檔

2 ?? 在線工具篇

2.1 CodeLF

?

變量命名神器。CodeLF 通過搜索在線開源平臺Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Projec的項目源碼，幫開發(fā)者從中找出已有的匹配關鍵字的變量名。

?

推薦理由：

• 可以幫助開發(fā)者從中（Github, Bitbucket, Google Code等）找出已有的匹配關鍵字的變量名
• 支持VScode編輯器里的插件

2.2 npm.devtool.tech

推薦理由：

• 最直觀的查看流行的 npm 包
• 可以在控制臺直接調用調試某個npm包
• 上傳 package.json 查看該項目的技術棧，你可以層層遞進點進去，了解各個依賴 package 的用途

2.3 Codesandbox

?

官方介紹：即時準備的全功能在線 IDE，用于使用瀏覽器的任何設備上的 Web 開發(fā)。

?

推薦理由:

• 快速開始：擁有所有流行框架的模板比如vue、react，方便你快速創(chuàng)建項目以及試驗代碼和想法

3 最后

?

如果你有其他效率工具推薦，歡迎你在評論區(qū)留言！有想了解更多協(xié)作工具的同學，可以閱讀樹醬的之前一篇掘金4w閱讀的文章：?聊聊前端開發(fā)日常的協(xié)作工具（全）

?

Reference