VScode使用element-ui插件准备

本文介绍了九款提升Visual Studio Code效率的插件,包括中文汉化包、自动闭合标签、同步修改标签、括号高亮、匹配标签高亮、Element UI助手、热更新、页面预览和组件属性提示。这些插件能极大地提高前端开发的便捷性和效率。
摘要由CSDN通过智能技术生成

插件

1、Chinese(Simplified) Language Pack for Visual Stidio Code 中文汉化包

对于一些英文不太好的小伙伴,上来第一件事肯定是要切换成中文语言环境,安装汉化包插件之后,按快捷键Ctrl+Shift+P调出命令面板,输入Configure Display Language,选择zh-ch,然后重启vs code即可。
img

2、Auto Close Tag 自动闭合标签

输入标签名称的时候自动生成闭合标签,特别方便。
img
img

3、Auto Rename Tag 尾部闭合标签同步修改

自动检测配对标签,同步修改。
img
img

4、Bracket Pair Colorizer 用不同颜色高亮显示匹配的括号

img
img

5、Highlight Matching Tag 高亮显示匹配标签

img
img

6、Vscode-element-helper

使用element-ui库的可以安装这个插件,编写标签时自动提示element标签名称。
img
img

7、live server Vscode-热更新插件

img

8、Browser Preview 直接预览插件

img
不想总是切换到浏览器查看效果,可以使用这个插件,就可以实现vscode内预览页面,效果如下
img

9、element-ui-helper 组件属性提示

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

呆萌宝儿姐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值