vscode里使用less出现红色波浪线,语法无法高亮问题

介绍

在 vscode里使用 less 语法时， 一直会出现红色的波浪线，而且语法还无法高亮，虽然页面里不报错，但是红色波浪线看着确实不舒服，具体如下图所示：

解决方法

1. 在扩展中心下载扩展 Vetur，该插件支持 .vue 文件的 语法高亮 显示，除了支持template 模板以外，还支持大多数主流的前端开发脚本和插件 ，比如Sass 和 TypeScript
2. 在 vscode 右下角选择语言模式，默认的语言方式是 HTML,如下图所示：
   
3. 在弹出框里选择 .vue的配置文件关联选项，如下所示；
   
4. 然后在输入框输入vue进行搜索，选中Vue当前关联 即可，如下所示；
   
   总结： 以上就可以实现在页面里使用less 语法时，效果会高亮显示，源于插件Vetur； 不会出现红色波浪线，源于vscode内部配置的默认语言是HTML， 切换成 .Vue文件关联即可。