vscode中，如何识别内置的less文件？

Question

我在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),但是不影响使用，请问如何消除下面的警告

ps:我已经使用了Vetur插件

Answer 1

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

    "*.vue": "vue",
    "*.tpl": "html"
},