VSCode settings for Vue

userSettings.js

{
    "eslint.enable": true,
    "eslint.validate": [
        { //list of extensions to validate
            "language": "html",
            "autoFix": true
          },
          {
            "language": "vue",
            "autoFix": true //Autofix any fixable errors when linting
          },
          {
            "language": "javascript",
            "autoFix": true
          },
          {
            "language": "javascriptreact",
            "autoFix": true
          }
    ],
    "eslint.options": {
    "extensions": [ //List of file extensions to activate eslint
        ".html",
        ".js",
        ".vue",
        ".jsx"
        ]
    },
    "eslint.run": "onSave",
    "eslint.autoFixOnSave": true
}

1. Install vue extension pack with all dependencies
2. remove vue extension pack only
3. remove vetur unless you want to enable strict type checking of vue code(was asking to add key in v-for and other errors.)