強力推薦開發類chrome插件

前幾篇文章說過,比較喜歡折騰瀏覽器,本篇文章介紹本身在開發時候使用的擴展。平時開發程序時候,主要的測試瀏覽器都是使用chrome 強大的Developer Tools,響應快速,支持各類插件。固然也有些劣勢,好比稍微佔點內存。熟練使用這些插件,會對你的開發效率大大提升,逼格瞬間上升一個檔次。前端

這裏提供兩種下載方式vue

開發類插件

  1. JSON Viewer

在不少使用api接口的時候,幾乎都是返回json格式。在調試的時候,須要查看返回的結果時候發現簡直太亂了,並且對中文編碼不友好。致使必須尋找這擴展解決這個問題。簡直開發者必備!react

  1. Postman

編寫後端代碼時候,須要API & HTTP 請求調試。在Linux下通常使用curl這種命令行工具,若是你不喜歡使用命令行,那麼這款擴展就是你的不二人選,功能很是完善。git

  1. Tampermonkey

這是必須安裝的擴展了。俗稱「油猴」,是很是強大的擴展。能夠方便的腳本管理、腳本概覽、設置多樣性、腳本自動更新、安全、兼容性、Chrome 同步、CodeMirror 編輯器、JSHint 語法檢查、快速開發、卸載等功能。 其官方描述只一句 The world’s most popular userscript manager。github

  1. WEB前端助手

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

  1. Octotree

Octotree.png

瀏覽託管在Github上的項目,可看到左側的樹形結構,更方便查看代碼正則表達式

  1. github-downloader

當咱們查找一些資源時GitHub,一般咱們須要在本地查找它們。這時咱們必須使用git cloneDownload ZIPOpen in Desktop。但有時咱們不須要下載整個存儲庫,只需查看一些文件夾或某些文件。因此這個chrome擴展能夠幫助您實現您的需求。chrome

  1. ZenHub for GitHub

ZenHub是惟一一個在GitHub的用戶界面中本地集成的項目管理工具。沒有冗長的入職。沒有配置問題。沒有單獨的登陸。開發人員能夠在他們喜歡的環境中工做,項目經理能夠全面瞭解開發過程。json

  1. Isometric Contributions

GitHub上的commit 3D同樣的展現,頗有趣。後端

  1. Vue.js devtools

Chrome devtools擴展用於調試Vue.js應用程序

  1. React Developer Tools

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

  1. Restlet Client - REST API Testing

支持restful的請求客戶端

在安裝全部這些擴展程序以前,請記住每一個擴展程序都會佔用一個新進程並佔用一大塊RAM。你主動使用哪些擴展?

相關文章
相關標籤/搜索