VSCode使用HTML的标签自动补全功能的同时又不出现LESS语法红色波浪线

问题描述

• 如果单纯修改file-association为vue,那么html的标签自动补齐功能就没有了.
• 如果单纯修改file-association为html,那么使用less或者sass语法的时候会出现红色波浪线,虽然不影响编译,但是看着不舒服

解决方法

• 配置file-association为html
• 将html.validate.styles设置为false

操作步骤

1. ctrl+,快捷键打开设置页面,点击右上角这个按钮打开setting.json
   
2. 在配置文件中加上如下代码,可以开启html标签自动补全功能

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

3. 在设置页面中搜索html.validate.style,然后取消勾选即可
   

优缺点

• 优点当然是既能够使用html标签自动补全功能
• 缺点是css部分的代码不能够根据语法高亮显示,并且css没有代码提示功能了