VSCode前端常⽤插件集合
1.Auto Close Tag
  ⾃动闭合HTML/XML标签
2.Auto Rename Tag
  ⾃动完成另⼀侧标签的同步修改
3.Beautify
  格式化代码，值得注意的是，beautify插件⽀持⾃定义格式化代码规则
4.Bracket Pair Colorizer
  给括号加上不同的颜⾊，便于区分不同的区块，使⽤者可以定义不同括号类型和不同颜⾊
5.Debugger for Chrome
  映射vscode上的断点到chrome上，⽅便调试
6.Courier New
  ⼀款好看字体
7.GitLens
  ⽅便查看git⽇志，git重度使⽤者必备
8.HTML CSS Support
  智能提⽰CSS类名以及id
9.HTML Snippets
  智能提⽰HTML标签，以及标签含义
10.JavaScript(ES6) code snippets
  ES6语法智能提⽰，以及快速输⼊，不仅仅⽀持.js，还⽀持.ts，.jsx，.tsx，.html，.vue，省去了配置其⽀持各种包含js代码⽂件的时间11.jQuery Code Snippets
  jQuery代码智能提⽰
12.Markdown Preview Enhanced
  实时预览markdown，markdown使⽤者必备
13.markdownlint
  markdown语法纠错
14.Material Icon Theme
  个⼈认为最好的vscode图标主题，⽀持更换不同⾊系的图标，值得点出的是，该插件更新极其频繁，基本和vscode更新频率保持⼀致
15.open in browser
  vscode不像IDE⼀样能够直接在浏览器中打开html，⽽该插件⽀持快捷键与⿏标右键快速在浏览器中打开html⽂件，⽀持⾃定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari
16.Path Intellisense
  ⾃动提⽰⽂件路径，⽀持各种快速引⼊⽂件
17.React/Redux/react-router Snippets
  React/Redux/react-router语法智能提⽰
18.Vetur
  Vue多功能集成插件，包括：语法⾼亮，智能提⽰，emmet，错误提⽰，格式化，⾃动补全，debugger。
vscode官⽅钦定Vue插件，Vue开发者必备。
19.vscode-icon
  让 vscode 资源树⽬录加
20.HTMLHint
  html代码检测
react router 和vue router21.Project Manager
  在多个项⽬之前快速切换的⼯具
22.fileheader
  顶部注释模板，可定义作者、时间等信息，并会⾃动更新最后修改时间，快捷键ctrl+alt+i在⽂件开头⾃动输⼊作者信息和修改信息等内容
23.filesize
  在底部状态栏显⽰当前⽂件⼤⼩，点击后还可以看到详细创建、修改时间
24.quokka
  ⼀个调试⼯具插件，能够根据你正在编写的代码提供实时反馈。它易于配置，并能够预览变量的函数和计算值结果。
另外，在使⽤ JSX 或 TypeScript 项⽬中，它能够开箱即⽤
25.CSS Peek
  使⽤此插件，你可以追踪⾄样式表中 CSS 类和 ids 定义的地⽅。当你在 HTML ⽂件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。
26.HTML Boilerplate
  通过使⽤ HTML 模版插件，你就摆脱了为 HTML 新⽂件重新编写头部和正⽂标签的苦恼。
你只需在空⽂件中输⼊ html，并按 Tab 键，即可⽣成⼲净的⽂档结构。
27.Prettier
  Prettier 是⽬前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件，它就能够⾃动应⽤Prettier，并将整个 JS 和 CSS ⽂档快速格式化为统⼀的代码样式。
如果你还想使⽤ ESLint，那么还有个 Prettier – Eslint 插件，你可不要错过咯！
28.Color Info
  提供你在 CSS中使⽤颜⾊的相关信息。你只需在颜⾊上悬停光标，就可以预览⾊块中⾊彩模型的（HEX、 RGB、HSL 和 CMYK）相
关信息了。
29.Icon Fonts
  这是⼀个能够在项⽬中添加图标字体的插件。该插件⽀持超过 20 个热门的图标集，包括了 Font Awesome、Ionicons、Glyphicons 和Material Design Icons
30.Minify
  这是⼀款⽤于压缩合并 JavaScript 和 CSS ⽂件的应⽤程序。它提供了⼤量⾃定义的设置，以及⾃动压缩保存并导出为.min⽂件的选项。
它能够分别通过 uglify-js、clean-css 和 html-minifier，与 JavaScript、CSS 和 HTML 协同⼯作。使⽤F1 运⾏⽂件缩⼩器Minify
31.VueHelper
  snippet代码⽚段
32.Vue 2 Snippets
33.Vue VSCode Snippets
  VUE代码⾃动补全插件
34.Git History
  git提交历史
35 Setting Sync
  同步你得设置和插件
36.Reactjs code snippets
  ⼀个 React ⾃动补⼯具。
37.
  vs code 内置的命令⾏插件，也⽐较实⽤。
38.npm Intellisense
  ⽤于在import语句中⾃动填充npm模块。
39.npm
此扩展⽀持运⾏⽂件中定义的npm脚本，package.json并根据中定义的依赖项验证已安装的模块package.json。
40.Window Colors
每个VSCode窗⼝都可以独特地⾃动着⾊。
41.live server 插件
开启本地服务器

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。