Visual Studio Code 是由微软□□□开发的一□□款免费、跨平台的□□□□文本编辑□□器。vs code是前端比□□较好用，比较火的◆编辑器，好用的插□□□□件让我们□□在编程中□□□□无往不利；vs code它最大的✦一个特点□□□是，插件多可□□□自定义。现在我们□□□来看看有□□□那些好用□□的插件。
1. vscode-icons
顾名思义，这个插件□□□□是个图标□□插件，与撸代码□□没啥关系，但是它将□□□项目中不□□同类型的□□□□文件（文件夹）通过图标□□区分开来，一目了然，看起来就□□□很爽。
2.CSS Peek
CSSPeak通过识别□□□□和枚举已□□□应用的不□□□□同样式以□□□帮助开发□□者处理标□□□记语言的丨类字符串☆和ID。这很方便，因为开发□□者不再需▼要在HTML和CSS文件之间◆频繁跳转。
3.ESLint
EsLint可以帮助□□□□我们检查Javascript编程时的□□□□语法错误。比如：在Javascript应用中，你很难找❖到你漏泄□□的变量或□□者方法。EsLint能够帮助□□□我们分析JS代码，找到bug并确保一◉定程度的JS语法书写□□的正确性。
4.Live Server
在VS Code中，LiveServer能开启一△个本地开□□□□发服务器，为静态网□□页和动态□□□□网页提供·服务。使用编辑□□□□器中的go-live按钮，开发者可□□以立即把□□代码放到□□□服务器上，该扩展插□□□件还支持□□□□实时刷新◣页面。
5.HTML Boilerplate
通过使用 HTML 模版插件，你就摆脱□□□了为 HTML 新文件重□□□新编写头□□□□部和正文□□标签的苦□□□恼。你只需在□□空文件中□□输入 html，并按 Tab 键，即可生成□□干净的文◇档结构。
6.Live Sass Compiler
LiveSass Compiler虽然很小，但功能极□□其强大，它可以将SASS /SCSS文件实时□□□□编译为CSS文件，并在浏览◎器中展示▼已编译样□□□式的实时□□□□预览。
7.Prettier
Prettier 是目前 Web 开发中最□□受欢迎的□□□代码格式◉化程序。安装了这□□□□个插件，它就能够□□□□自动应用 Prettier，并将整个 JS 和 CSS 文档快速●格式化为❖统一的代□□码样式。
8.Color Info
这个便捷□□□的插件，将为你提□□□□供你在 CSS 中使用颜◤色的相关□□□信息。你只需在□□颜色上悬□□□□停光标，就可以预□□览色块中□□□□色彩模型□□□的（HEX、 RGB、HSL 和 CMYK）相关信息□□了。
9.Open-In-Browser
由于 VSCode 没有提供☆直接在浏□□□□览器中打□□□□开文件的◆内置界面，所以此插◆件在快捷□□□□菜单中添□□□□加了在默●认浏览器□□查看文件□□选项，以及在客□□□□户端（Firefox，Chrome，IE）中打开命□□令面板选□□□□项。
10. Minify
用于压缩□□合并 JavaScript 和 CSS 文件的应□□□用程序。它提供了□□□□大量自定□□义的设置，以及自动□□压缩保存★并导出为.min文件的选□□□□项。它能够分◇别通过 uglify-js、clean-css 和 html-minifier，与 JavaScript、CSS 和 HTML 协同工作。
11. Quokka.js
Quokka.js是个调式★工具插件，能够实时□□□反馈编写□□□□代码的计□□算结果，js实时编译，相当于边★写边输出丨控制台的□□结果（在使用 JSX 或 TypeScript 项目中，它能够开□□□□箱即用。）