vscode中,如何识别内置的less文件?

我在vscode中,创建.vue文件,然后在vue文件中内置less代码:

<style lang="less" scoped>
.floor-ad-words{
  padding: 0 10px 10px 10px;
  font-size: 12px;

  background-color: #fff;
  .text{
    margin: 0;
    line-height: 1.2;
    color: #EF250F;
    text-decoration: underline;
  }
}
</style>

但是出现了下面的警告:} expected css(css lcurlyexpected),但是不影响使用,请问如何消除下面的警告

clipboard.png

ps:我已经使用了Vetur插件

阅读 1.6k
评论
    1 个回答
    石头
    • 153

    如果使用了 vetur 插件后发现还是无法识别 .vue 中的 less 语法的话,可以看看右下角的语言模式是不是 Vue,如果不是,请改为 Vue.
    全局设置:
    "files.associations": {

        "*.vue": "vue",
        "*.tpl": "html"
    },
    评论 赞赏