聊聊開發日常的效率提升工具(全)

樹醬發表於2021-10-18

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

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 傳輸資料。官方地址

image.png

1.6 SourceTree

介紹:SourceTree 是非常好用的 Git 圖形介面工具,它是由Atlassian開發的免費Git圖形介面工具,可以操作任何 Git 庫。如果你習慣使用命令列操作 Git,請忽略。官網地址

github與sourceTree什麼區別?

sourcetree是一個git的GUI客戶端,類似svn時代的TortoiseSVN。而github是一個程式碼託管平臺,使用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,方便你快速建立專案以及試驗程式碼和想法

相關文章