多个根节点编辑器不会报错
Vue3是允许我们有多个根节点的,但是我们如果使用Vetur就会报错,不会影响运行,但是看起来就很烦。所以当我们转向Volar那么就不会出现这个问题了。
编辑器分隔
即便Vue的组件化开发,可以将单文件的代码长度大幅缩短,但还是动辄几百行甚是上千行。那么我们切换template,script和style的时候就要频繁上下翻,虽然有的插件可以直接定位到css,但是你回不去啊!所以这个功能简直是太人性化了。
安装完Volar以后,打开一个.vue文件,看vscode的右上角,有这么一个图标,点一下。
它就会自动给你分隔成三个页面,分别对应template,script和style,这样就太舒服了有没有。
Vue3Snippets
推荐的第二个插件叫做Vue3Snippets,同样的,他也有自己的Vue2版本。它是干什么的呢,可以看一下下面这张图,我只输入了“v3”,它有很多提示,我们就先选择v3