前端插件,日常小工具(vscode必装插件)

本文介绍了五个提升前端开发效率的VSCode插件:AutoRenameTag自动完成标签修改,LiveServer实现实时预览,MaterialIconTheme美化文件图标,background-cover自定义编辑器背景,RainbowBrackets增强括号视觉层次,以及Vetur为Vue开发提供语法高亮。此外,还推荐了一个在线视频转Gif工具,方便制作代码演示动图。

今天分享一下前端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动图

今天就这些,欢迎点赞评论!

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值