強力推薦開發類chrome外掛

oloeye發表於2018-08-29

前幾篇文章說過,比較喜歡折騰瀏覽器,本篇文章介紹自己在開發時候使用的擴充套件。平時開發程式時候,主要的測試瀏覽器都是使用chrome 強大的Developer Tools,響應快速,支援各種外掛。當然也有些劣勢,比如稍微佔點記憶體。熟練使用這些外掛,會對你的開發效率大大提高,逼格瞬間上升一個檔次。

這裡提供兩種下載方式

開發類外掛

  1. JSON Viewer

強力推薦開發類chrome外掛

在很多使用api介面的時候,幾乎都是返回json格式。在除錯的時候,需要檢視返回的結果時候發現簡直太亂了,而且對中文編碼不友好。導致必須尋找這擴充套件解決這個問題。簡直開發者必備!

  1. Postman

強力推薦開發類chrome外掛

編寫後端程式碼時候,需要API & HTTP 請求除錯。在Linux下一般使用curl這種命令列工具,如果你不喜歡使用命令列,那麼這款擴充套件就是你的不二人選,功能非常完善。

  1. Tampermonkey

強力推薦開發類chrome外掛

這是必須安裝的擴充套件了。俗稱“油猴”,是非常強大的擴充套件。可以方便的指令碼管理、指令碼概覽、設定多樣性、指令碼自動更新、安全、相容性、Chrome 同步、CodeMirror 編輯器、JSHint 語法檢查、快速開發、解除安裝等功能。 其官方描述只一句 The world’s most popular userscript manager。

  1. WEB前端助手

強力推薦開發類chrome外掛

前端必備, 包括字串編解碼、圖片base64編碼、程式碼壓縮、美化、JSON格式化、正規表示式、時間轉換工具、二維碼生成器、編碼規範檢測、頁面效能檢測、柵格檢測、JS執行效率分析等

  1. Octotree

Octotree.png

瀏覽託管在Github上的專案,可看到左側的樹形結構,更方便檢視程式碼

  1. github-downloader

強力推薦開發類chrome外掛

當我們查詢一些資源時GitHub,通常我們需要在本地查詢它們。這時我們必須使用git cloneDownload ZIPOpen in Desktop。但有時我們不需要下載整個儲存庫,只需檢視一些資料夾或某些檔案。所以這個chrome擴充套件可以幫助您實現您的需求。

  1. ZenHub for GitHub

強力推薦開發類chrome外掛

ZenHub是唯一一個在GitHub的使用者介面中本地整合的專案管理工具。沒有冗長的入職。沒有配置問題。沒有單獨的登入。開發人員可以在他們喜歡的環境中工作,專案經理可以全面瞭解開發過程。

  1. Isometric Contributions

強力推薦開發類chrome外掛

GitHub上的commit 3D一樣的展示,很有趣。

  1. Vue.js devtools

強力推薦開發類chrome外掛

Chrome devtools擴充套件用於除錯Vue.js應用程式

  1. React Developer Tools

強力推薦開發類chrome外掛

React Developer Tools是一個用於開源React JavaScript庫的Chrome DevTools擴充套件。它允許您檢查Chrome開發人員工具中的React元件層次結構

  1. Restlet Client - REST API Testing

強力推薦開發類chrome外掛

支援restful的請求客戶端

在安裝所有這些擴充套件程式之前,請記住每個擴充套件程式都會佔用一個新程式並佔用一大塊RAM。你主動使用哪些擴充套件?

相關文章