Configuração rápida para o eslint funcionar no VSCode, no template webpack do vue-cli

index.md

Configuração rápida para o eslint funcionar no VSCode, no template webpack do vue-cli

Projeto:

npx vue-cli init webpack <nomedoprojeto>
cd <nomedoprojeto>
npm install

Extensões do VSCode:

• Vue
• Vue 2 Snippets
• Vue Peek
• Vetur
• ESLint
• Editorconfig for VSCode

Config básica no settings.json:

"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatter.html": "js-beautify-html",
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"eslint.autoFixOnSave": true,
"eslint.validate": [
    {
        "language": "vue",
        "autoFix": true
    },
    {
        "language": "html",
        "autoFix": true
    },
    {
        "language": "javascript",
        "autoFix": true
    }
]