问题描述
- 如果单纯修改
file-association
为vue
,那么html的标签自动补齐功能就没有了. - 如果单纯修改
file-association
为html
,那么使用less
或者sass
语法的时候会出现红色波浪线,虽然不影响编译,但是看着不舒服
解决方法
- 配置
file-association
为html
- 将
html.validate.styles
设置为false
操作步骤
ctrl+,
快捷键打开设置页面,点击右上角这个按钮打开setting.json
- 在配置文件中加上如下代码,可以开启html标签自动补全功能
"files.associations": {
"*.vue":"html"
}
- 在设置页面中搜索
html.validate.style
,然后取消勾选即可
优缺点
- 优点当然是既能够使用html标签自动补全功能
- 缺点是css部分的代码不能够根据语法高亮显示,并且css没有代码提示功能了