1. 现象

已经安装了vetur,但是给.vue文件的template添加注释还是有问题,网上查的说是插件冲突,卸载后重新安装依然无效;还有的是在settings.js里配置一堆东西,尝试了也是无效。
在这里插入图片描述

2. 解决方法

尝试了这个办法后,终于生效了,在vscde的settings.json里添加如下代码:

"files.associations": {
	"*.vue": "html"
}

喜大普奔,生效了!
在这里插入图片描述

3. 其他

不要开心的太早,这种方式虽然暴力解决了.vue文件中template无法正确添加注释的问题,但是也带来了新的问题:比如scss语法无法正确识别、ts语法无法正确识别等。

4. 深思熟虑后的方案

网上也查了很多资料,有很多人说是插件冲突。于是抱着试一试的心态,排查了一下,发现确实是插件冲突导致了无法正确给.vue文件的template添加注释。

5. 排查过程

禁用已安装插件,逐一排查,最终找到发生冲突的插件,卸载掉就可以了。

有的朋友会问,如果冲突的插件是我需要的咋办,那就酌情处理吧,毕竟只是无法通过快捷键去给和.vue里的template添加注释而已,我们还可以手动去加嘛~~~

我的是之前自己插件冲突导致的,所以就直接卸载了。

Logo

前往低代码交流专区

更多推荐