VSCode eslint 按 airbnb 规范验证 vue 出现问题

Question

VSCode Version 1.20.0

Setting

    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue"
    ],
    "eslint.options": {
        "plugins": [
            "html"
        ]
    },
    "eslint.alwaysShowStatus": true,

.eslintrc.js

module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint'
  },
  env: {
    browser: true,
  },
  // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
  // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
  extends: ['plugin:vue/essential', 'airbnb-base'],
  // required to lint *.vue files
  plugins: [
    'vue'
  ],
  // chec

配置完成后 js 文件可以正常验证 airbnb 规范

但 vue 文件只能验证部分规范


但像 Missing semicolon 这样的规范就无法识别

但运行npm run dev 是可以识别

这让我很迷茫，到底问题是出在哪，求大神帮忙，网上能找的配置已经都试过了，都无法解决

Answer 1

找到问题了

"eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue"
],
"eslint.options": {
// 不要这个，添加之后只识别.html文件 不会去识别.vue
//    "plugins": [
//        "html"
//    ]
},

这个问题找了我4个小时！！ 终于解决了