无形中提高你工作效率的chrome插件-技术圈

写在前面：本文所有插件的获取方式以及如何安装都写在文末

开发相关拓展插件

1. WEB前端助手（`FeHelper`)

FeHelper简直就是前端开发人员的神器，它是由国人开发的一款前端工具集合的小插件，插件功能齐全，基本上涵盖了前端从业者经常会使用到的基础功能，使用起来也很顺手。下面就来感受一下强大的功能：FE支持按需安装，也就是说，上面的这些功能，你需要什用到什么再安装就行，下面就挑两个我工作中使用到的：

json 格式化

页面取色

我们在开发时需要对一些内容进行取色，很多小伙伴都是打开chrome调试器再使用取色器进行取色。使用FeHelper的取色器更加方便

JS正则表达式验证

不仅可以生成常用的正则表达式, 也可可以校验表达式是否匹配, 在正则调试过程中可以起到较好地辅助作用

一些前端开发常用的功能都有，方便实用；还有其他好用的功能，你们慢慢去发现吧，这里就不赘述

2. vue-devtools

vue-devtools是一款基于chrome游览器的插件，用于调试vue应用,被称为“Vue 调试神奇” vue是数据驱动的, 利用这个插件，这样就能看到vue中每个组件的data、props、computed等多种属性和方法，为我们项目的开发与调试提供了很多的便利。

3. React Developer Tools

如果你使用React进行开发，那必不可少的就是React Developer Tools, 它是Fecebook出品的，同样使用 React Developer Tools 进行调试时，可以查看应用程序的 React 组件分层结构，而不是更加神秘的浏览器 DOM 表示

4. Postman

Postman 插件可以复用浏览器的Cookie，更加方便测试。不论你是做后端开发还是客户端开发，Postman都是测试HTTP接口的必备利器，支持集成测试；还可以将测试请求分组，然后批量执行。

5. Octotree

在GitHub边侧栏上显示代码树。非常适合查看项目源代码，无需将代码库clone到编辑器就可以如同在编辑器中操作一样，可以直接搜索文件跳转。

6. Lighthouse 前端性能优化测试工具

在前端开发中，对于自己开发的app或者web page性能的好坏，一直是让前端开发很在意的话题。我们需要专业的网站测试工具，让我们知道自己的网页还有哪些需要更为优化的方面，我是使用过的一款工具：Lighthouse ，感觉还不错，记录下来，也顺便分享给用得着的伙伴。

lighthouse 插件会对网页的各个测试项的结果打分，并给出优化建议报告，是一个非常实用的可视化网站优化工具。

7. Clear Cache

clear cache通过单击一个按钮清除缓存和浏览数据。使用此扩展快速清除缓存，无需任何确认对话框，弹出窗口或其他烦恼。点击图标即可清除缓存、cookie等，开发必备！ 可以根据需要清除的数据定制ClearCache，这些数据包括应用缓存，Cookie，下载，文件系统，表单数据，历史记录，索引数据库，本地存储，插件数据，密码和WebSQL等。