共计 2525 个字符，预计需要花费 7 分钟才能阅读完成。
（一）WEB 前端助手（FeHelper)
FeHelper 几乎就是前端开发人员的神器，它是由国人开发的一款前端工具汇合的小插件，插件功能齐全，基本上涵盖了前端从业者常常会应用到的 根底性能，应用起来也很棘手。上面就来感受一下弱小的性能：
FE 反对按需装置，也就是说，下面的这些性能，你须要什用到什么再装置就行，上面就挑两个我工作中应用到的：
json 格式化
页面取色
咱们在开发时须要对一些内容进行取色，很多小伙伴都是关上 chrome 调试器再应用取色器进行取色。应用 FeHelper 的取色器更加不便
JS 正则表达式验证
不仅能够生成罕用的正则表达式, 也可能够校验表达式是否匹配, 在正则调试过程中能够起到较好地辅助作用
（二）vue-devtools
vue-devtools 是一款基于 chrome 游览器的插件，用于调试 vue 利用, 被称为“Vue 调试神奇”vue 是数据驱动的, 利用这个插件，这样就能看到 vue 中每个组件的 data、props、computed 等多种属性和办法，为咱们我的项目的开发与调试提供了很多的便当。
（三）React Developer Tools
如果你应用 React 进行开发，那必不可少的就是React Developer Tools, 它是 Fecebook 出品的，同样应用 React Developer Tools 进行调试时，能够查看应用程序的 React 组件分层构造，而不是更加神秘的浏览器 DOM 示意
（四）Postman
Postman 插件能够复用浏览器的 Cookie，更加不便测试。不管你是做后端开发还是客户端开发，Postman 都是测试 HTTP 接口的必备利器，反对集成测试；还能够将测试申请分组，而后批量执行。
（五）Octotree
在 GitHub 边侧栏上显示代码树。非常适合查看我的项目源代码，无需将代码库 clone 到编辑器就能够如同在编辑器中操作一样，能够间接搜寻文件跳转。
（六）Lighthouse 前端性能优化测试工具
在前端开发中，对于本人开发的 app 或者 web page 性能的好坏，始终是让前端开发很在意的话题。咱们须要业余的网站测试工具，让咱们晓得本人的网页还有哪些须要更为优化的方面，我是应用过的一款工具：Lighthouse，感觉还不错，记录下来，也顺便分享给用得着的搭档。
lighthouse 插件会对网页的各个测试项的后果打分，并给出优化倡议报告，是一个十分实用的可视化网站优化工具。
（七）Clear Cache
clear cache 通过单击一个按钮革除缓存和浏览数据。应用此扩大疾速革除缓存，无需任何确认对话框，弹出窗口或其余懊恼。点击图标即可革除缓存、cookie 等，开发必备！能够依据须要革除的数据定制 ClearCache，这些数据包含利用缓存，Cookie，下载，文件系统，表单数据，历史记录，索引数据库，本地存储，插件数据，明码和 WebSQL 等。
（八）Vimium
Vimium 则继承了 Vim 中的罕用键位，让你在应用 Chrome 的过程中，无论是浏览网页、切换标签或是其它任何操作，全都能够只通过键盘实现。想像一下，你再也不须要挪动鼠标去关上一个链接，手指不必来到键盘，一切都是这么晦涩。
（九）Save All Resources
当咱们在网页上看到炫酷的动画成果，一个很天然的想法就是 F12，而后下载资源，然而在 chrome 开发者工具中 Source 是找到以后页面所应用的资源，而咱们心愿能够间接一键下载所有网页资源，并且能够放弃目录构造。
一键下载网页资源(Save All Resources)，能够完满的满足咱们的需要
（十）Wappalyzer
展现你拜访的网页由什么技术栈所构建，准确率还是不错的，不便剖析其余网站
日常高频应用（非开发类）
1. 谷歌上网助手_GHelper
很多时候用户想浏览一些国外的网站查阅一些材料, 然而国内的网络环境难以通过, 所以咱们给大家介绍过各种上网助手、拜访助手等。明天给大家带来的是谷歌上网助手的另一个版本——开发版（Ghelper）。收费应用，它领有十二万的高用户数，简洁明了，上手不便！
2. SimilarWeb
对于网站开发者来说，除了网站自身的代码设计与开发，网站的各种用户拜访数据与流量剖析也是很重要的一块工作。SimilarWeb 这款 Chrome 插件可能帮你统计网站的流量起源与排名，查问网站参加等各种网站信息。
3. Advertising Terminator
广告终结者（Advertising Terminator）是你惟一须要的必备广告过滤扩大。广告终结者能够革除简直所有的网络广告款式，包含购物广告、浮动广告、视频广告、歹意弹窗、网络跟踪等 …
4. Infinity 新标签页
最初要给大家安利的就是 Infinity，功能强大的新建标签页扩大！做的界面很美，每日壁纸品质也很高！有同步笔记、代办事项等，同时，喜爱它的网页图标，提供了很多罕用网站的图标，自定义书签时很难看~ 惟一的毛病，就是感觉启动比较慢~
5. 新媒体管家——帐号治理 & 图文编辑
顾名思义，新媒体管家的次要性能是治理你的新媒体帐号，目前反对以下平台：
能够让你同时治理几个平台的帐号，或一个平台上的多个帐号。增加帐号之后，就能够通过新媒体管家进入相应的帐号了。比方，对于微信公众平台来说，你能够增加多个帐号，并且同时登陆，一天之内只须要扫码登录一次，便能够间接进入后盾。
新媒体管家还有一个十分有用的性能就是采集素材，当你看到心仪的素材，点击一下采集，就能够存入本人采集的素材库，随时想用都能够。
6. Extension Manager 扩大管理器
给大家安利了这么多插件，为了方便管理和应用最初再举荐一个Extension Manager, 你能够用它来对你装置的插件进行分组治理；还能够疾速的切换插件的开启与敞开，你能够配置排序规定，依据你的应用评率来排序这些插件。
失常装置
- 首先在标签页输出【chrome://extensions/】进入 chrome 扩大程序
- 解压你在本站下载的插件，并拖入扩大程序页即可。
装置呈现程序包有效 CRX-HEADER-INVALID 的解决方案, 参照：Chrome 插件装置时呈现 ”CRX-HEADER-INVALID” 解决办法。装置好后即可应用。
