推荐好用的前端工具

都是自己在用的，后续发现会继续补充

chrome插件(需要翻墙访问安装)

• 掘金 (opens new window)
  为程序员、设计师、产品经理每日发现优质内容, 在新标签页展示聚合内容

• Vue.js devtools (opens new window)
  用于调试Chrome和Firefox上的vue项目的工具

• Octotree (opens new window)
  树形展示 Github 项目代码, 使你在github查看项目时可以清晰明了的看到项目的结构以及具体代码

• Adblock Plus (opens new window) 免费的广告拦截程序，享受没有烦人广告的网络世界

• Momentum (opens new window)
  打开新标签页时以高清美图展示背景页，并可以设置每日代办事项等内容
  主要是打开新标签不再是一个空白页，视觉上也得到了享受，图片会每天更新
  这个插件跟上面第一个插件掘金有冲突，看自己选择

• 百度网盘提速下载 (opens new window)
  不用打开百度网盘客户端，不用充值会员，可以网页直接下载内容并且加速下载内容
  安装比较麻烦，但是作者提供了详细的安装使用教程

工具类

• 录屏转动图 (opens new window)
  小巧方便的录屏转动图工具，点击上面的地址直接下载使用

• API查询-devdocs (opens new window)
  在线查询各种前端相关框架或者语言的api
  比如查询array，会列出array的各种方法和使用示例

• JSON在线编辑器 (opens new window)
  在线json转换，方便查看数据结构和查找字段

• 前端在线编辑-CodePen (opens new window)
  在线调试前端代码和查看代码效果
  看到别人给的代码示例但看不到效果，没办法操作？直接拷贝代码到CodePen查看效果

• 在线绘图工具-ProcessOn (opens new window)
  在线绘制各种流程图

• 百度脑图 (opens new window)
  在线绘制脑图

• 颜色表 (opens new window)
  列出各种颜色的十六进制，RGB 和英文代码

• 颜色在线工具 (opens new window)
  在线颜色选择器，选出自己想要的颜色

• 在线文件格式转换工具 (opens new window)
  支持218格式文件的转换，而且还提供API开发应用

Visual Studio Code插件

• GitLens — Git supercharged
  可以查看git每一行代码的提交日志包含提交人

• Auto Rename Tag
  自动重命名html标签，如修改<a>为<b>，将自动修改结尾标签</a>为</b>

• Bracket Jumper
  自动匹配括号类

• Auto Close Tag
  自动补全html闭合标签

• Path Intellisense
  在编辑器中输入路径时，自动补全

• Auto Import
  自动导入包

• Auto Import - ES6 & TS

• Auto Import for Javascript

• Bracket Pair Colorizer
  颜色标识匹配的括号

• Chinese (Simplified) Language Pack for Visual Studio Code
  vs code的中文包

• Code Spell Checker
  单词检查

• Color Highlight
  颜色值在代码中高亮显示

• ESLint
  语法检查

• language-stylus
  Stylus语法高亮和提示

• markdownlint
  Markdown格式提示

• Vetur
  目前比较好的Vue语法高亮