vscode-vue文件中template布局部分行内style不提示（绝对可行，全网独家）

原创已于 2022-02-05 22:47:14 修改 · 2.9k 阅读

·

2

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#vscode #vue.js #前端

于 2022-02-05 22:21:35 首次发布

前端随记专栏收录该内容

15 篇文章

订阅专栏

在VSCode中，将Vue文件关联为HTML可以获取HTML的语法提示，但可能导致Vue特性的提示丢失。作者分享了其放弃全局配置，而选择按需手动切换的方法，认为这是一个在提示完整性和便利性之间的折衷方案。虽然牺牲了一些便利，但在需要HTML样式提示时，快速切换仍然可行，同时期待更好的解决方案。

现象

在这里插入图片描述

怎么办?

VS Code 文件-》首选项-》设置

搜索：files.associations
在这里插入图片描述
切换到settings.json,修改如下配置

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

效果

在这里插入图片描述

就这样?

网上确实好多就是这样,不过你会发现你的vue的一些提示可能没了,看来鱼和熊掌不可兼得呀。

所以，我还是放弃了这个配置，需要让他提示html的属性的时候，点击状态栏，改为html，然后在改回去，这个操作很快的，网上没人提及到，毕竟需要html的style提示的情况还是比较少，当然期待更完美的方式

在这里插入图片描述

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。