当前位置:   article > 正文

vscode中.vue文件的template添加注释出错问题解决(已安装vetur)_vue注释为什么不可以写在template下

vue注释为什么不可以写在template下

1. 现象

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

2. 解决方法

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

"files.associations": {
	"*.vue": "html"
}
  • 1
  • 2
  • 3

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

3. 其他

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

4. 深思熟虑后的方案

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

5. 排查过程

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

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/98843
推荐阅读
相关标签
  

闽ICP备14008679号