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 项目中，它能够也许开箱即用。)