Setup vscode to lint and autofix vue/quasar

settings.global.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
    }
  ]
}
  

settings.project.json

{
  "eslint.options": {
    "configFile": "/home/mathias/projects/cross-solution.de/.eslintrc.js"
  }
}

VSCodeVue.md

1. Install extension "vetur": https://github.com/vuejs/vetur
2. Install extension "ESlint": https://github.com/Microsoft/vscode-eslint
3. Set global settings according to settings.global.json
4. To use project dependent config file:

• Create a folder ".vscode" in project root
• Create a file (or copy to) "settings.json" in that folder according to settings.project.json