?前言：日常開發中，好的工具往往能讓我們事半功倍，有句老話說得好：工欲善其事，必先利其器，使用高效率的工具可以極大提升我們的開發效率，接下來分享下樹醬平時開發中經常使用的一些效率工具
?
1 📁本地化工具篇
1.1 Apifox
?官方介紹: API 檔案、除錯、Mock、測驗一體化協作平臺，Apifox = Postman + Swagger + Mock + JMeter，官網地址[1]
?
推薦理由：
對于前端：拿來做mock mock出來的資料很人性化
對于后端：拿來做除錯 postmam的功能完全具備并支持自動校驗資料結構
對于測驗：拿來做介面自動化測驗 可視化配置斷言功能杠杠的
對于團隊：一體化協同工具 打通前端、后端及測驗研發倍訓
1.2 Utools
?官方介紹：uTools 是一個極簡、插件化的現代桌面軟體，通過自由選配豐富的插件，打造得心應手的工具集合，通過快捷鍵就可以快速呼出這個搜索框，統一的設計風格和操作方式，助你高效的得到結果，官網地址[2]
?
推薦理由：
豐富的插件中心：每個插件解決一個具體場景的問題，簡潔易用、隨用隨走
多功能輸入框：支持文本、截圖、圖片、檔案、檔案夾
1.3 iTerm2
?官方介紹：iTerm2 是終端的替代品，也是 iTerm 的繼任者，它適用于 Mac 與 macOS 10.14 或較新的，iTerm2 將終端帶入現代，具有您從來不知道自己一直想要的功能，官網鏈接[3]
?
推薦理由：
可以打造美觀高效的 Mac 終端
支持分屏！
1.4 Zsh
?介紹：Zsh是一個Linux下強大的shell工具,是bash替代品中表現最佳的一個，跟Bash相比，Zsh的補全功能很強大，可以自動補全命令、引數、檔案名、行程、用戶名、變等等，同時還支持插件擴展，能支持更多功能方便我們高效使用 官網鏈接[4]
?
推薦理由：
支持命令提示與智能補全
支持快速與自動跳轉
1.5 Charles
?介紹：最好用的抓包工具，Charles 是一個支持多平臺的 HTTP 代理器、HTTP 監控、反向代理器，它能夠讓開發者查看本地機器與互聯網之間的所有 HTTP 以及 SSL/HTTPS 傳輸資料，官方地址[5]
?
1.6 SourceTree
?介紹：SourceTree 是非常好用的 Git 圖形界面工具，它是由Atlassian開發的免費Git圖形界面工具，可以操作任何 Git 庫，如果你習慣使用命令列操作 Git，請忽略，官網地址[6]
?
github與sourceTree什么區別？
sourcetree是一個git的GUI客戶端，類似svn時代的TortoiseSVN，而github是一個代碼托管平臺，使用git提供版本控制服務，
1.7 Tampermonkey 油猴腳本
?介紹：Tampermonkey中文名俗稱油猴，是一款免費的瀏覽器擴展和最為流行的用戶腳本管理器是一款免費的瀏覽器插件，用戶可以通過油猴添加和使用腳本，通過這些腳本，可以實作視頻決議、音樂下載、網盤直連決議、屏蔽網站廣告等等功能 官網地址[7]
?
1.8 Typora
?介紹：Typora 是一款支持實時預覽的 Markdown 文本編輯器，簡潔易用，相信你用了就愛了！官網地址[8]
?
1.9 Alfred
?官方介紹：Alfred 是 macOS 屢獲殊榮的應用程式，通過熱鍵、關鍵字、文本擴展等提高您的效率，搜索您的 Mac 和 Web，通過自定義操作來控制您的 Mac，并提高效率，官網地址[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的專案原始碼，幫開發者從中找出已有的匹配關鍵字的變數名，
?
推薦理由：
可以幫助開發者從中（Github, Bitbucket, Google Code等）找出已有的匹配關鍵字的變數名
支持VScode編輯器里的插件
2.2 npm.devtool.tech
推薦理由：
最直觀的查看流行的 npm 包
可以在控制臺直接呼叫除錯某個npm包
上傳 package.json 查看該專案的技術堆疊，你可以層層遞進點進去，了解各個依賴 package 的用途
2.3 Codesandbox
?官方介紹：即時準備的全功能在線 IDE，用于使用瀏覽器的任何設備上的 Web 開發，
?
推薦理由:
快速開始：擁有所有流行框架的模板比如vue、react，方便你快速創建專案以及試驗代碼和想法
3 最后
?如果你有其他效率工具推薦，歡迎你在評論區留言！有想了解更多協作工具的同學，可以閱讀樹醬的之前一篇掘金4w閱讀的文章： 聊聊前端開發日常的協作工具（全）
?
Reference
[1]
官網地址: https://www.apifox.cn
[2]官網地址: https://u.tools/
[3]官網鏈接: https://iterm2.com/
[4]官網鏈接: https://ohmyz.sh/
[5]官方地址: https://www.charlesproxy.com/
[6]官網地址: https://www.sourcetreeapp.com/
[7]官網地址: https://www.tampermonkey.net/
[8]官網地址: https://typora.io/
[9]官網地址: https://www.alfredapp.com
[10]官方地址: https://kapeli.com/dash
請你喝杯🍵 記得三連哦～
1.閱讀完記得給🌲 醬點個贊哦，有👍 有動力
2.關注公眾號前端那些趣事，陪你聊聊前端的趣事
3.文章收錄在Github frontendThings 感謝Star?
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/321201.html
標籤：其他
下一篇：2021-10-17