如果让我推荐一个前端 IDE 编辑器，那么我肯定推荐 vscode 这个编辑器，为什么呢？ 因为 vscode 不仅简单、上手快而且美观，周边插件丰富关键。
这是编辑器官方网站：https://code.visualstudio.com/ 关键它是免费的 very nice
推荐一些不仅方便而且还能提高开发效率的vscode插件，而且还使你的编辑器更加的智能现代化，非常好用。
不定期更新推荐插件列表：
- 可以让你运行各种语言代码
2.非常漂亮的主题
3.实时的监听你的scss文件，并转成成css文件，配合下面的 live server，简直不能再好用不过了
- 可以为你的静态页面如html文件，添加实时重新加载功能，一遍修改代码，无需手动刷新，自动响应修改过的代码，非常方便
5.非常好看的一款海洋主题，配色清晰亮丽，我是在 react 官方文档看到的，react 推荐这个主题进行开发react，因为它能通过他的颜色方便的找到对应代码，官方是这么说的，体验了一下，的确是非常的符合react代码。
6.通过快捷键，快速打开你的 html 文档
7.用于代码格式化，让你的代码结构清晰
8.格式化你的 SCSS 文件，使你的 scss 代码格式更加整齐。
9.官方网站推荐的一款插件，并且vscode也是vue官方推荐用来开发 Vue的，它可以使你的Vue单文件代码高亮、还拥有一些方便的片段，等等，自已看插件介绍吧。
10.如果你是react开发者并且有使用styled-components的话就装上, 为styled-component提供代码高亮，智能提示等
vscode 不错的主题 以及 实时的预览 实时的SCSS编译
原文：https://www.cnblogs.com/xiaolantian/p/12657335.html
