Conflict with the eslint-plugin-html

• version: 3.5.1
• vue-cli: 2.8.2

// Copy from webpack-template
extends: 'airbnb-base',
plugins: [
  'html'
],

After adding the plugin to extends, as below, eslint has no effect on the js in the vue single file component.

// Copy from webpack-template
extends: [
  'airbnb-base',
  'plugin:vue/recommended',
],
plugins: [
  'html'
],

不算bug吧？ remove html 插件就好了。

[prograhammer]

Ok, solved!

I updated my settings.json (file > preferences > settings) to look like this:

// Place your settings in this file to overwrite the default settings
{
    "[javascript]": {
        "editor.tabSize": 2,
        "editor.insertSpaces": true
    },
    "[vue]": {
        "editor.tabSize": 2,
        "editor.insertSpaces": true
    },
    "eslint.options": {
        "extensions": [".html", ".js", ".vue", ".jsx"]
    },
    "eslint.validate": [
        {
            "language": "html",
            "autoFix": true
        },
        {
            "language": "vue",
            "autoFix": true
        },
        {
            "language": "javascript",
            "autoFix": true
        },
        {
            "language": "javascriptreact",
            "autoFix": true
        }
    ]
}

Works beautifully!

[flaviojs]

Encountered this problem and found that placing "vue" before "html" in "plugins" fixed it for me.

{
    "plugins": [
        "vue",
        "html"
    ]
}