vscode 插件

View In Browser

作用:浏览器中查看

设置:如下图所示


View In Browser

Material Icon Theme

作用:文件夹/文件图标

设置:如下图所示


选择菜单


搜索


图标显示效果

CSS Peek

作用:追踪至样式表中的css类

设置:如下图所示


右键选择‘转到定义’
test.css文件

HTML Boilerplate

作用:html模板插件

设置:如下图所示(自带的是:输入感叹号,按住tab键。)


输入html


minify

作用:压缩合并JavaScript和CSS文件

设置:打开需要压缩的文件,按住快捷键ctrl+shift+p,输入minify,自动生成.min文件。


Auto Close Tag

作用:自动关闭标签

设置:比如输入:

,当输入到“>”时,自动将"
"补齐。

Auto Rename Tag

作用:修改标签名称

设置:比如有一个div标签:

;要将div标签改成p标签,只需修改开始标签,结束标签会自动修改。

Beautify

作用:格式化

你可能感兴趣的:(vscode 插件)