VScode前端开发常用插件

1，HTML Snippets
快速的生成html标签—H5代码片段以及提示

2、HTML CSS support
自动补齐css

3、jQuery Code Snippets

4、vscode-icons
#让 vscode 资源树目录加上图标，给不同的文件类型添加图标

5、Path Intellisense
自动路劲补全，默认不带这个功能的
Path Autocomplete
路径自动补齐

6、Auto Rename Tag
在修改标签名时，能在你修改开始（结束）标签的时候修改对应的结束（开始）标签，帮你减少 50% 的击键；

7、ESlint
ESlint 接管原生 js 提示

8、HTMLHint
html代码检测

9、beautify
格式化代码的工具

10、Open-In-Browser
不用过多解释；在浏览器中打开网页；可以选择默认浏览器和其他浏览器。

11、Prettier
格式化插件
或者
JS-CSS-HTML Formatter
代码格式化了解一下
Beautify / Beautify css/sass/scss/less 样式格式化
stylelint
格式化css代码

12、Color Info：颜色提示插件，只需要将鼠标放在颜色值上悬停，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息啦。

13、Auto Close Tag
#自动标签闭合

14、Material Icon Theme
图标插件项目中文件会以相应的icon提示

15、Npm Intellisense
require 时的包提示

16、Document this
js 的注释模板

17、Bootstrap 3 Sinnpet
常用 bootstrap 的可以下

18、vetur
语法高亮、智能感知、Emmet等

19、Sass
这个插件是一个sass编译工具，方便书写sass代码

20、Sass Lint
这个是和sass配套的一个插件，检查sass语法是否正确

21、webpack
这个插件是一个webpack的辅助工具，可以创建webpack配置文件的

只是自己记录一下！

总结

以上是生活随笔为你收集整理的VScode前端开发常用插件的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。