工欲善其事必先利其器，开发前端的过程中，一个好的编辑工具可以事倍功半。我认为比较好的有:

• 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

自带继承了好多插件，不列举哦