插件
1、Chinese(Simplified) Language Pack for Visual Stidio Code 中文汉化包
对于一些英文不太好的小伙伴,上来第一件事肯定是要切换成中文语言环境,安装汉化包插件之后,按快捷键Ctrl+Shift+P调出命令面板,输入Configure Display Language,选择zh-ch,然后重启vs code即可。 ![img](https://img-blog.csdnimg.cn/img_convert/017f77cbe75861385e7e34d1e5f50ef3.png)
2、Auto Close Tag 自动闭合标签
输入标签名称的时候自动生成闭合标签,特别方便。 ![img](https://img-blog.csdnimg.cn/img_convert/eefd6341181bc8da1e4e7c4319f2add1.png) ![img](https://img-blog.csdnimg.cn/img_convert/7e3f7fc01a3abedb9066323b9f98450e.gif)
3、Auto Rename Tag 尾部闭合标签同步修改
自动检测配对标签,同步修改。 ![img](https://img-blog.csdnimg.cn/img_convert/d074fa2b76349ccb284caa1a7ea22644.png) ![img](https://img-blog.csdnimg.cn/img_convert/fe1202e768a2f4ecf1bc5f37f4bb645a.gif)
4、Bracket Pair Colorizer 用不同颜色高亮显示匹配的括号
![img](https://img-blog.csdnimg.cn/img_convert/eed84eed60be544ffcb9af9c9a7ae201.png) ![img](https://img-blog.csdnimg.cn/img_convert/291bc93160245139b0150589f7b001bd.png)
5、Highlight Matching Tag 高亮显示匹配标签
![img](https://img-blog.csdnimg.cn/img_convert/6e4069d13afc6d03589d0105c592ba5d.png) ![img](https://img-blog.csdnimg.cn/img_convert/8cda1cb9b5bc06db13a2874bf9efc8de.gif)
6、Vscode-element-helper
使用element-ui库的可以安装这个插件,编写标签时自动提示element标签名称。 ![img](https://img-blog.csdnimg.cn/img_convert/50d7a6de4ad36822ff5d85ac0276ec0e.png) ![img](https://img-blog.csdnimg.cn/img_convert/f42c1a247fbcee0abd2e2083d3feaeec.gif)
7、live server Vscode-热更新插件
![img](https://img-blog.csdnimg.cn/img_convert/ff0ea6060db6962e6d09ad1c6724ecf5.png)
8、Browser Preview 直接预览插件
![img](https://img-blog.csdnimg.cn/img_convert/9f5047b2307e623605f2a5e1159636cf.png) 不想总是切换到浏览器查看效果,可以使用这个插件,就可以实现vscode内预览页面,效果如下 ![img](https://img-blog.csdnimg.cn/img_convert/7d58eab5d8e7722417ba8f8273288896.png)
9、element-ui-helper 组件属性提示
![在这里插入图片描述](https://img-blog.csdnimg.cn/e925978e47ed47cebd41a8c28744bc0d.gif)
|