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
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
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> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐