beautify

vscodecss智能补全_VSCode必备插件（前端篇）

汉堡之前写过⼀篇关于前端开发常⽤的⼏款ide编辑器，⽽其中vscode就是现在汉堡正在使⽤的⼀款很⽕的编辑器。其性能远超其他⼏款编

辑器，另外它最特⾊的功能莫过于它⽆边⽆际的插件市场。下⾯汉堡给⼤家介绍⼏款⾃认为好⽤的插件：

1、vscode-fileheader

它是⼀款⾃动添加头部注释的插件，只需要简单的配置就可以添加作者详情以及可以查看创建时间和最后修改时间，平时多⼈协作的时候，

可以⽅便的查看哪个⽂件是谁书写的，另外最后修改的⽇期是什么时候。

2、HTMLSnippets

⽐较实⽤且初级的H5代码⽚段以及提⽰，⽐较⽅便代码语义化的时候提⾼⼯作效率

3、HTMLCSSSupport/CSSPeek

CSSSupport是css的提⽰，写class智能提⽰当前项⽬所⽀持的样式。⽽CSSPeek这个插件是追踪到样式表中的CSS类和ids定义的地

⽅。

csssupport

csspeek

4、AutoCloTag/AutoRenameTag

Clotag是⾃动补全html标签，如输⼊将⾃动补全

Renametag是⾃动重命名html标签，如修改为，将⾃动修改结尾标签为，将⾃动修改结尾标签为

autoclotag

autorenametag

5、Beautify

听名字都知道，格式化javascript，json，css，sass和HTML。

6、Chine(Simplified)LanguagePack

适⽤于vscode的中⽂简体语⾔包

部分截图

7、tag:icon-theme

搜索标题⽂字的话，可以查到不同⽂件夹的图标类型，这个的话可以根据个⼈的喜好选择，没有说哪种更好，只有更适合⾃⼰的。

8、ESLint

ESLint可以帮助我们检查javascript编程时的语法错误并进⾏提⽰，找到bug并确保⼀定程序的语法书写的正确性和规范性。

9、Reactcodesnippets/vue2snippets

react和vue书写时的代码⽚段提⽰及填充。

除了以上这些⽐较热门的插件，vscode还有好多好⽤的插件需要⼤家去发掘。⼩编就不在这⾥⼀⼀列出了，⼤家如果有⼀些好⽤的可以在

下⽅评论推荐哦。希望⼤家多关注关注⼩编。谢谢咯！！