工欲善其事必先利其器，开发前端的过程中，一个好的编辑工具可以事倍功半。我认为比较好的有:
- vscode：免费开源，在开发vue和react 挺好的，如果vue 和 react 结合ts ,那么这个编辑器讲会是一个神器，爽的不得了。而且比较轻量级的。
- webstorm: 收费可破解，vue 和 react 不结合 ts 也挺好用的，本人在不使用ts 的时候就用这个，但是有一个致命的缺点，特别重。
vscode
- Auto Rename Tag 自动补全html 标签的代码
- Chinese (Simplified) Language Pack for Visual Studio Code 适用于 VS Code 的中文（简体）语言包
- Code Runner 安装好后，在代码重右键直接终端运行代码
- Code Spell Checker检查代码重单词拼写，好多同事在单词拼写中都会出现拼写错误，但是vscode 需要安装插件才会检查，webstorm 自带检查单词拼写问题
- ES7 React/Redux/GraphQL/React-Native snippets 对于es，react等代码中可以简写实现代码的通用模块
- ESLint: 对于代码检查时非常好用的，检查代码是否符合规范，用于团队协作，统一规范
- Live Server 在写html 和 css 中需要启动服务器可以使用这个插件，用于开启一个服务器来查看代码效果
- Markdown Preview Enhanced如果会写markdown 文件的，在vscode 可以使用这个插件，可以增强预览和在浏览器中打开等
- file-icons vscode 是不会自带图标的，安装这个插件可以使得文件图标不一样，可以轻松分辨各级各类文件和文件夹
- minapp 微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）
- Mithril Emmet 输入关键字 使用 tab 来生成html 代码，遵循emmet 语法
- vue 和 Vetur 这两个是用于开发vue 代码必备的vscode 插件
webstorm
自带继承了好多插件，不列举哦
