vscode中.vue文件的template添加注释出错问题解决(已安装vetur) 您所在的位置:网站首页 css如何注释代码 vscode中.vue文件的template添加注释出错问题解决(已安装vetur)

vscode中.vue文件的template添加注释出错问题解决(已安装vetur)

2023-11-01 11:17| 来源: 网络整理| 查看: 265

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添加注释而已,我们还可以手动去加嘛~~~

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



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有