vscode前端常⽤的插件
插件列表：
1.Color Info
这个便捷的插件，将为你提供你在CSS 中使⽤颜⾊的相关信息。你只需在颜⾊上悬停光标，就可以预览⾊块中⾊彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。
代码⽚段⽐对
2.Partial Diff
3.SVN
不解释
4.Vetur
—— 语法⾼亮、智能感知、Emmet等
包含格式化功能，Alt+Shift+F（格式化全⽂），Ctrl+K Ctrl+F（格式化选中代码，两个Ctrl需要同时按着）
java数组定义长度5.EsLint
—— 语法纠错
6．JavaScript(ES6) code snippets
—— ES6语法智能提⽰以及快速输⼊，除js外还⽀持.ts，.jsx，.tsx，.html，.vue，省去了配置其⽀持各种包含js代码⽂件的时间
7.Path Intellisense
—— ⾃动路劲补全
8.HTML CSS Support
—— 让 html 标签上写class 智能提⽰当前项⽬所⽀持的样式
9.vue
<
11.  Chinese
设置简体中⽂    //中⽂
12. Auto Rename Tag
//⾃动重命名配对的HTML / XML标签(必备)
13. Beautify
//格式化javascript，JSON，CSS，Sass，和HTML
14.Class autocomplete for HTML
//智能提⽰HTML class =“”属性（必备）
15.Code Runner
//⾮常强⼤的⼀款插件，能够运⾏多种语⾔的代码⽚段或代码⽂件：C，C ++，Java，JavaScript，PHP，Python，Perl，Ruby，Go等等，安装完成后，右上⾓出现：
点击这个按钮就可以运⾏你的⽂件了（必备）
16.Debugger for Chrome
//让vscode映射 chrome 的 debug功能，使静态页⾯都可以⽤ vscode 来打断点调试
17.Document This
//添加注释块
18.Filesize
//在底部状态栏显⽰当前⽂件⼤⼩，点击后还可以看到详细创建、修改时间css去除width属性值
Git History
19. Git History
jquery下载文件插件
19.
以图表的形式查看git⽇志
使⽤command+shift+p（Ctrl+shift+p） 输⼊git log就可以看到了
20.GitLens
可以增强 VSCode 内置 Git 的功能。例如 commits 搜索，历史记录和显⽰的代码作者⾝份具体功能可以查看Feature list
21.git⽇志插件计算机网络osi参考模型
22. HTML Snippets
HTML Snippets 22.
html代码⽚段（必备）
htmlhint
23.
23. htmlhint
html代码检测
24.
htmltagwrap 24. htmltagwrap
可以在选中HTML标签中外⾯套⼀层标签
使⽤：选择⼀⼤段代码，然后按“Alt + W”使⽤
Indenticator 25. Indenticator 25.
突出⽬前的缩进深度
linux培训班推荐26.IntelliSense for CSS class names 智能提⽰css 的 class 名
Image Preview
27. Image Preview
27.
⿏标移到路径⾥显⽰图像预览
JavaScript Snippet Pack
28. JavaScript Snippet Pack
28.
js代码⽚段（必备）
jQuery Code Snippets
29. jQuery Code Snippets
29.
jQuery代码⽚段
⾃动提⽰jquery，如果是你⼀个重度JQ使⽤者，可以考虑安装
Live Sass Compiler
30. Live Sass Compiler
30.
实时编译sass ，不过需要配置，附上我的配置
"liveSassCompile.settings.formats":[  // You can add more    {
"format": "compressed",//压缩
"extensionName": ".min.css",//编译后缀名
"savePath": "./css"//编译保存的路径
}
arrow发音],
使⽤
markdownlint
31.
31.markdownlint
markdown语法检查
32.Node.js Modules Intellisense
可以在导⼊语句中⾃动完成JavaScript / TypeScript模块。
33. npm Intellisense
npm Intellisense
33.
在导⼊语句中⾃动填充npm模块，跟Node.js Modules Intellisense差不多
open in browser
34.
34. open in browser
当前的html⽂件⽤浏览器打开，类似 webstorm 的那四个⼩浏览器图标功能，前提条件html ⽂件必须保存快捷键alt+b
Output Colorizer
35. Output Colorizer
35.
输出提⽰的⽂字颜⾊有⼀些变化，⽅便获取关键信息

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