之前就粉丝跟小编说，想要推荐几款程序员使用的插件，所以小编就去找了找，发现了这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种语言之间的即时翻译，支持两种语言之间的字词、句子、和网页翻译，非常方便。

对于英文不好的朋友来说，翻译插件可以说是必备的，谷歌翻译可以翻译整个网页，或者选中一段文字进行翻译，再或者点击一个单词立即出现翻译结果，像程序员经常看的都是英文文档，肯定也会遇到个别几个不懂的单词，就可以选中单词，点击右键，一键翻译，非常方便，而且还支持多种语言，虽然我们可能不会用到其中大部分语言，但还是要夸夸这个翻译插件。

三、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文件，直接输入地址就可以修改了，不过要记住的是，它没有那么万能，它的作用只是利用遮罩在浏览器上添加一个虚幻的效果，并不是直接修改原版网页，你要是用其他浏览器打开相同的网页，也就没有这个特效了。

PS：安装的时候如果遇到安装包无效，就请使用新的安装方法！

1、把后缀 crx 改为 rar

2、选中更改好的文件，右键解压缩

3、打开浏览器扩展页面，选择加载解压缩的扩展