编者寄语：vscode的确是前端开发中很好的工具，安装颜色插件，从视觉上是美的享受。曾经的我遇到了vscode代码全是灰色，黑色的困惑，后来整理找到方法，整理这篇，以下高亮插件，建议大家都安装了。 在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vue，vue-beautify，vue-color，VueHelper，vertur等等。比较了下载数量可以了解到，vetur 是目前比较好的语法高亮插件，我们来安装一下吧。 vscode提高效率有效使用插件： vscode-Document This-----jsdoc注释生成。 vscode-eCSStractor-----抽取页面的class，生成一个css文档。 vscode-CSS Peek------class名字定义跳转。（终于拥有dw cc的这个css定义跳转功能） vscode-Live Server-----http服务器（相当于使用nodejs的http-server ）。 VueHelper Vue2代码段（包括Vue2 api、vue-router2、vuex2） Quokka.js 可以即时显示js和ts的运行结果，想试验一些短代码的运行结果，但是又不想之后删除文件的时候可以用到 codeRunner 可以运行C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script,等开发语言并支持局部执行 IntelliSense for CSS class names 智能提示 css 的 class 名 Node.js Modules Intellisense 可以在导入语句中自动完成JavaScript / TypeScript模块。 vscode-faker 生成假数据，地址，电话，图片等等 Regex Previewer 测试正则的插件 前端菜鸟走向中级开发攻城狮，夯实基础，深入框架，node全栈，架构前端，谁的未来不迷茫，就看怎么实践，不忘初心，不惧未来。https://www.cnblogs.com/fron-tend/p/9770957.html