介绍
在 vscode
里使用 less
语法时, 一直会出现红色的波浪线,而且语法还无法高亮,虽然页面里不报错,但是红色波浪线看着确实不舒服,具体如下图所示:
解决方法
- 在扩展中心下载扩展
Vetur
,该插件支持.vue
文件的语法高亮
显示,除了支持template
模板以外,还支持大多数主流的前端开发脚本和插件
,比如Sass
和TypeScript
- 在
vscode
右下角选择语言模式
,默认的语言方式是HTML
,如下图所示:
- 在弹出框里选择
.vue的配置文件关联
选项,如下所示;
- 然后在输入框输入
vue
进行搜索,选中Vue当前关联
即可,如下所示;
总结: 以上就可以实现在页面里使用less
语法时,效果会高亮显示,源于插件Vetur
; 不会出现红色波浪线,源于vscode
内部配置的默认语言是HTML
, 切换成.Vue
文件关联即可。