今天给大家收集VSCode前端常用的插件,赶快来收藏吧！
1.AutoCloseTag自动闭合HTML/XML标签
2.AutoRenameTag自动完成另一侧标签的同步修改
3.Beautify格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则
4.BracketPairColorizer给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色
5.DebuggerforChrome映射vscode上的断点到chrome上，方便调试
6.CourierNew一款好看字体
7.GitLens方便查看git日志，git重度使用者必备
8.HTMLCSSSupport智能提示CSS类名以及id
9.HTMLSnippets智能提示HTML标签，以及标签含义
10.JavaScript(ES6)codesnippetsES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间
11.jQueryCodeSnippets jQuery代码智能提示
12.MarkdownPreviewEnhanced实时预览markdown，markdown使用者必备
13.markdownlintmarkdown语法纠错
14.MaterialIconTheme个人认为最好的vscode图标主题，支持更换不同色系的图标，值得点出的是，该插件更新极其频繁，基本和vscode更新频率保持一致
15.openinbrowservscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari
16.PathIntellisense自动提示文件路径，支持各种快速引入文件
17.React/Redux/react-routerSnippetsReact/Redux/react-router语法智能提示
18.VeturVue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。
19.vscode-icon让vscode资源树目录加
20.HTMLHinthtml代码检测
21.ProjectManager在多个项目之前快速切换的工具22.fileheader顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间，快捷键ctrl+alt+i在文件开头自动输入作者信息和修改信息等内容
23.filesize在底部状态栏显示当前文件大小，点击后还可以看到详细创建、修改时间
24.quokka一个调试工具插件，能够根据你正在编写的代码提供实时反馈。它易于配置，并能够预览变量的函数和计算值结果。另外，在使用JSX或TypeScript项目中，它能够开箱即用
25.CSSPeek使用此插件，你可以追踪至样式表中CSS类和ids定义的地方。当你在HTML文件中右键单击选择器时，选择“GotoDefinition和Peekdefinition”选项，它便会给你发送样式设置的CSS代码。
26.HTMLBoilerplate
通过使用HTML模版插件，你就摆脱了为HTML新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入html，并按Tab键，即可生成干净的文档结构。
27.PrettierPrettier是目前Web开发中最受欢迎的代码格式化程序。安装了这个插件，它就能够自动应用Prettier，并将整个JS和CSS文档快速格式化为统一的代码样式。如果你还想使用ESLint，那么还有个Prettier–Eslint插件，你可不要错过咯！
28.ColorInfo提供你在CSS中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、RGB、HSL和CMYK）相关信息了。
29.IconFonts这是一个能够在项目中添加图标字体的插件。该插件支持超过20个热门的图标集，包括了FontAwesome、Ionicons、Glyphicons和MaterialDesignIcons
30.Minify这是一款用于压缩合并JavaScript和CSS文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过uglify-js、clean-css和html-minifier，与JavaScript、CSS和HTML协同工作。使用F1运行文件缩小器Minify
31.VueHelpersnippet代码片段
32.WindowColors
每个VSCode窗口都可以独特地自动着色。
33.liveserver插件
开启本地服务器,安装后，可以直接浏览器访问html页面。