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

作用:自动关闭标签

设置:比如输入:<div>,当输入到“>”时,自动将"</div>"补齐。

Auto Rename Tag

作用:修改标签名称

设置:比如有一个div标签:<div></div>;要将div标签改成p标签,只需修改开始标签,结束标签会自动修改。

Beautify

作用:格式化

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容