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

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

GitHub 加速计划 / vu / vue
109
18
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:3 个月前 )
9e887079 [skip ci] 1 年前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐