在vscode上配置eslint支持vue

准备工作

npm i -D eslint eslint-plugin-html eslint-plugin-vue

.eslintrc.js

module.exports = {
    "root": true,
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true,
        "node": true,
        "jquery": true,
        "jest": true,
        "amd": true
    },
    "extends": [
        'eslint:recommended',
        //主要在这里,下面这两个可以二选一
        "plugin:vue/strongly-recommended"
        // 'plugin:vue/recommended'
    ],
    "parserOptions": {
        // "parser": 'babel-eslint',
        "ecmaVersion": 2015,
        "sourceType": "module",
        "allowImportExportEverywhere": true
    }
};

vscode设置

如果需要保存自动格式化代码将"eslint.autoFixOnSave"修改成true

	"eslint.options": {
        "extensions": [
            ".js",
            ".vue"
        ]
    },
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        //这里如果不用eslint的自动格式化可以写成
        //"vue",
        {
            "language": "vue",
            "autoFix": true
        },
        {
            "language": "html",
            "autoFix": true
        }
    ],
    //这里设置成true就可以在保存的时候自动格式化js了
    "eslint.autoFixOnSave": false,
    "vetur.validation.template": false