之前就粉絲跟小編說，想要推薦幾款程序員使用的插件，所以小編就去找了找，發現了這4款當下比較熱門且實用的，也是程序員經常用到的，這幾款插件也可以提高工作效率，難怪隔壁小哥哥程序員的效率都挺高，估計也用了這幾款插件，下面我們一起來看看吧！

一、WEB前端助手(FeHelper)

官方地址：

https://www.baidufe.com/fehelper/index/index.html

本插件支持Chrome、Firefox、MS-Edge瀏覽器，內部工具集持續增加，目前包括 JSON自動/手動格式化、JSON內容比對、代碼美化與壓縮、信息編解碼轉換、二維碼生成與解碼、圖片Base64編解碼轉換、Markdown、網頁油猴、網頁取色器、腦圖(Xmind)等貼心工具，甚至在目前新版本的FeHelper中，還集成了FH開發者工具，如果你也想自己搞一個工具集成到FeHelper中，那這一定能滿足到你。

這些就是它的功能，真的是很全面，基本上常用的工具這個上面都有了，像一些前端Web開發人員需要和后臺代碼工程師配合在，使用json數據傳輸的時候，用這款插件就可以幫助Web前端師更快速的對json進行解碼，所以有了它，工作效率翻倍??！強烈推薦安裝使用。

二、google翻譯

下載地址：

http://www.cnplugins.com/google/google-translate/

Google翻譯是谷歌提供的一個翻譯插件，可以提供103種語言之間的即時翻譯，支持兩種語言之間的字詞、句子、和網頁翻譯，非常方便。

對于英文不好的朋友來說，翻譯插件可以說是必備的，谷歌翻譯可以翻譯整個網頁，或者選中一段文字進行翻譯，再或者點擊一個單詞立即出現翻譯結果，像程序員經?？吹亩际怯⑽奈臋n，肯定也會遇到個別幾個不懂的單詞，就可以選中單詞，點擊右鍵，一鍵翻譯，非常方便，而且還支持多種語言，雖然我們可能不會用到其中大部分語言，但還是要夸夸這個翻譯插件。

三、Octotree

下載地址：

http://www.cnplugins.com/devtool/octotree/download.html

Octotree是一個 Chrome插件，用來顯示 Github 項目的目錄結構。主要針對于廣大的程序猿童鞋們，Github上面成千上萬的開源項目給程序猿帶來很多幫助，還可以學習大神們的思想，向大神看齊。不過，在Github上查看源代碼的體驗十分糟糕，尤其是從一個目錄跳轉到另一個目錄的時候，一會兒就不知道自己跑到哪里了，非常麻煩。octotree插件就能很好地解決了上述問題。

添加完成后你可以打開GitHub試一下，在界面的左側會有Octotree導航標志，點擊它，就可以看到項目結構圖以及具體代碼，就像IDE 上你熟悉的代碼目錄結構展示，方便你快速定位和找到相關的代碼頁面，使用起來非常方便。

四、Code Cola

下載地址：

http://www.cnplugins.com/devtool/code-cola/download.html

Code Cola是一款簡單實用的樣式修改軟件，你可以設置不同的網頁顏色、網頁背景、網頁遮罩、文字陰影等，在瀏覽器里能夠即時的展現修改后的結果，完全視覺化設置。

這個插件支持多種設置，下圖只是其中一部分，它可以獲取改變網頁的鏈接地址，可以修改HTML文件，如修改文字、修改顏色、修改背景等，如果你有指定的HTML文件，直接輸入地址就可以修改了，不過要記住的是，它沒有那么萬能，它的作用只是利用遮罩在瀏覽器上添加一個虛幻的效果，并不是直接修改原版網頁，你要是用其他瀏覽器打開相同的網頁，也就沒有這個特效了。