vue 不支持//注释和class的嵌套的原因

Question

我用的是vscode编辑器，最重要的是在sublime编辑没有问题的。可是现在要用vscode,有大神知道原因吗

Answer 1

1、安装 vetur 扩展
2、打开 settings.json 配置如下

// 配置语言的文件关联(如: "*.extension": "html")。这些关联的优先级高于已安装语言的默认关联。
"files.associations": {
  "*.vue": "vue"
},
// 为指定的语法定义配置文件或使用带有特定规则的配置文件。
"emmet.syntaxProfiles": {
  "vue-html": "html",
  "vue": "html"
},
// An array of language ids which should be validated by ESLint
"eslint.validate": [
  "javascript",
  "javascriptreact",
  "vue"
],

https://marketplace.visualstu...

Answer 2

style属于css的定义，可以使用/**/注释

Answer 3

首先楼主有没有使用 less-loader 来打包vue模板

如果有使用,接下来就是解决IDE报错问题,貌似楼主用的是VS-code可以去找找有没有vue模板插件之类的

或者可以这样写style标签试试

<style rel="stylesheet/less" lang="less">
</style>

Answer 4

是支持的，用vsCode 如果你安装了，vue语法高亮，默认会将文件识别为vue
你将.vue关联到HTML，这样注释就正常了，既有高亮又能正常注释行，块