今天分享一下前端vscode编辑器的几个插件,可以说是必装插件了,太多花里胡哨的插件也没有必要,实用最重要!!!
第一款 Auto Rename Tag

如果你在开始标签或者结束标签输入内容,插件会自动补全开始或结束标签,如动图

第二款 Live Server

当你打开html文件时 Live Server 会作为一个实时服务器实时查看开发的网页或项目效果
第三款 Material Icon Theme

它可以使你的项目文件目录更好看一些,比如这样

第四款 background-cover

这款插件可以自定义我们的vscode编辑器的背景,并且改变透明度
第五款 Rainbow Brackets

当我们代码有很多花括号的时候,层级关系难以分辨,代码不易读,当我们安装了这款插件之后,就变成了这个样子
代码结构就清晰了一些
第六款 Vetur
如果你用的框架是Vue,那么这款插件你是必须要装的,它可以使你的vue文件语法高亮显示不仅支持template模板,还支持大多数主流的前端开发脚本和插件,比如Sass和TypeScript

这里再分享一个网站小工具 在线视频转Gif免费工具,一秒将视频转gif动图,输出高清无损Gif (airmore.cn)
可以将我们的视频转换成gif动图
今天就这些,欢迎点赞评论!
本文介绍了五个提升前端开发效率的VSCode插件:AutoRenameTag自动完成标签修改,LiveServer实现实时预览,MaterialIconTheme美化文件图标,background-cover自定义编辑器背景,RainbowBrackets增强括号视觉层次,以及Vetur为Vue开发提供语法高亮。此外,还推荐了一个在线视频转Gif工具,方便制作代码演示动图。
5269

被折叠的 条评论
为什么被折叠?



