1、vue 2 Snippets (vue语法提示)
![](https://file.jishuzhan.net/article/1730761312369119234/79f4adfdc2f4fb7d4acbc060892360ff.webp)
vue提示这个也可以
1.1 Vue VSCode Snippets
![](https://file.jishuzhan.net/article/1730761312369119234/005c2dba4438a0cf966cd5c3231d798c.webp)
2、vetur
Vetur支持.vue文件的语法高亮显示,除了支持template模板以外
![](https://file.jishuzhan.net/article/1730761312369119234/503fce4af28f90e70b2c12237f3d2ac0.webp)
3、Element UI Snippets(饿了么的提示)
![](https://file.jishuzhan.net/article/1730761312369119234/86925c27fb72d406a91dd6b3e12d98b1.webp)
4、indent-rainbow(缩进高亮提示)
![](https://file.jishuzhan.net/article/1730761312369119234/4adb0a4d920764680b593a328647fcd8.webp)
5、Live Server(跟vue不相关但是可以开一个本地服务,跑在本地服务)
5、open in browser(跑html到浏览器上)
6、Luke Dark Theme(自己比较喜欢用的主题色,舒适的 VSCode 暗色主题 ------ Luke Dark Theme)
![](https://file.jishuzhan.net/article/1730761312369119234/584693ddee861d98f36a7cb09d7ee83d.webp)
7、 One Dark Pro(提供方便确定的图标)
8、prettier 保存时代码修改成你想要的
![](https://file.jishuzhan.net/article/1730761312369119234/fc3dd5f80faf4cbee42435e5f7ee204b.webp)