现象
![在这里插入图片描述](https://img-blog.csdnimg.cn/e6edf659962f4ee4a6bf52367421dcb7.png)
怎么办?
VS Code 文件-》首选项-》设置
搜索:files.associations
![在这里插入图片描述](https://img-blog.csdnimg.cn/1afadc8757c4441c94a34c6b6a1bfffc.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAYmlsbHljb2Rlcg==,size_20,color_FFFFFF,t_70,g_se,x_16)
切换到settings.json,修改如下配置
![在这里插入图片描述](https://img-blog.csdnimg.cn/420435f3f391403d9cd5b3496e6d57b3.png)
"files.associations": {
"*.vue": "html"
}
效果
![在这里插入图片描述](https://img-blog.csdnimg.cn/d4a904dae8314712b1944ad391cf5320.png)
就这样?
网上确实好多就是这样,不过你会发现你的vue的一些提示可能没了,看来鱼和熊掌不可兼得呀。
所以,我还是放弃了这个配置,需要让他提示html的属性的时候,点击状态栏,改为html,然后在改回去,这个操作很快的,网上没人提及到,毕竟需要html的style提示的情况还是比较少,当然期待更完美的方式
![在这里插入图片描述](https://img-blog.csdnimg.cn/c740fec7bab145ed8bed1fe6bf41a8c9.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAYmlsbHljb2Rlcg==,size_17,color_FFFFFF,t_70,g_se,x_16)