前言:日常開發中,好的工具往往能讓我們事半功倍,有句老話說得好:工欲善其事,必先利其器。使用高效率的工具可以極大提升我們的開發效率。接下來分享下我平時開發中經常使用的一些效率工具
1、本地化工具篇
1.1 Apifox
官方介紹: API 文檔、調試、Mock、測試一體化協作平臺。Apifox = Postman + Swagger + Mock + JMeter。
推薦理由:
- 對于前端:拿來做mock mock出來的數據很人性化
- 對于后端:拿來做調試 postmam的功能完全具備并支持自動校驗數據結構
- 對于測試:拿來做接口自動化測試 可視化配置斷言功能杠杠的
- 對于團隊:一體化協同工具 打通前端、后端及測試研發閉環
1.2 Utools
官方介紹:uTools 是一個極簡、插件化的現代桌面軟件,通過自由選配豐富的插件,打造得心應手的工具集合。通過快捷鍵就可以快速呼出這個搜索框,統一的設計風格和操作方式,助你高效的得到結果。
推薦理由:
- 豐富的插件中心:每個插件解決一個具體場景的問題,簡潔易用、隨用隨走
- 多功能輸入框:支持文本、截圖、圖片、文件、文件夾
1.3 iTerm2
官方介紹:iTerm2 是終端的替代品,也是 iTerm 的繼任者。它適用于 mac 與 macOS 10.14 或較新的。iTerm2 將終端帶入現代,具有您從來不知道自己一直想要的功能。
推薦理由:
- 可以打造美觀高效的 Mac 終端
- 支持分屏!
1.4 Zsh
介紹:Zsh是一個linux下強大的shell工具,是bash替代品中表現最佳的一個。跟Bash相比,Zsh的補全功能很強大,可以自動補全命令、參數、文件名、進程、用戶名、變等等,同時還支持插件擴展,能支持更多功能方便我們高效使用。
推薦理由:
- 支持命令提示與智能補全
- 支持快速與自動跳轉
1.5 Charles
介紹:最好用的抓包工具。Charles 是一個支持多平臺的 HTTP 代理器、HTTP 監控、反向代理器。它能夠讓開發者查看本地機器與互聯網之間的所有 HTTP 以及 SSL/HTTPS 傳輸數據。
1.6 SourceTree
介紹:SourceTree 是非常好用的 Git 圖形界面工具,它是由Atlassian開發的免費Git圖形界面工具,可以操作任何 Git 庫。如果你習慣使用命令行操作 Git,請忽略。
1.7 Tampermonkey 油猴腳本
介紹:Tampermonkey中文名俗稱油猴,是一款免費的瀏覽器擴展和最為流行的用戶腳本管理器是一款免費的瀏覽器插件,用戶可以通過油猴添加和使用腳本。通過這些腳本,可以實現視頻解析、音樂下載、網盤直連解析、屏蔽網站廣告等等功能。
1.8 Typora
介紹:Typora 是一款支持實時預覽的 Markdown 文本編輯器。簡潔易用,相信你用了就愛了!
1.9 Alfred
官方介紹:Alfred 是 macOS 屢獲殊榮的應用程序,通過熱鍵、關鍵字、文本擴展等提高您的效率。搜索您的 Mac 和 Web,通過自定義操作來控制您的 Mac,并提高效率。
1.10 Dash
官方介紹:Dash 可讓您的 Mac 即時離線訪問 200+ API 文檔集。
推薦理由:
- 離線文檔查閱:快速方便的 API 索引,包含 JAVAScript、React 等語言及庫的文檔
2、在線工具篇
2.1 CodeLF
變量命名神器。CodeLF 通過搜索在線開源平臺Github, Bitbucket, google Code, Codeplex, Sourceforge, Fedora Projec的項目源碼,幫開發者從中找出已有的匹配關鍵字的變量名。
推薦理由:
- 可以幫助開發者從中(Github, Bitbucket, Google Code等)找出已有的匹配關鍵字的變量名
- 支持VScode編輯器里的插件
2.2 npm.devtool.tech
推薦理由:
- 最直觀的查看流行的 npm 包
- 可以在控制臺直接調用調試某個npm包
- 上傳 package.json 查看該項目的技術棧,你可以層層遞進點進去,了解各個依賴 package 的用途
2.3 Codesandbox
官方介紹:即時準備的全功能在線 IDE,用于使用瀏覽器的任何設備上的 Web 開發。
推薦理由:
- 快速開始:擁有所有流行框架的模板比如vue、react,方便你快速創建項目以及試驗代碼和想法
源:前端那些趣事兒






