VS Code workspace settings for a Kentico 12 MVC + Vue.js CLI project

settings.json

{
  "files.exclude": {
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true,
    "node_modules": true,
    "obj": true,
    "bin": true,
    "*.csproj.user": true
  },

  "search.exclude": {
    "**/.git": true,
    "**/package-lock.json": true,
    "**/node_modules": true,
    "**/bower_components": true,
    "**/tmp": true,
    "**/Content": true,
    "**/Kentico": true,
  },

  "[vue]": {
    "editor.formatOnSave": true
  },
  "[javascript]": {
    "editor.formatOnSave": true
  },
  "[json]": {
    "editor.formatOnSave": true
  },
  "[html]": {
    "editor.formatOnSave": true
  },
  "[scss]": {
    "editor.formatOnSave": true
  },
  "[aspnetcorerazor]": {
    "editor.formatOnSave": true
  },
  "emmet.includeLanguages": {
    "razor": "html",
    "aspnetcorerazor": "html"
  },
  // For stylelint
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,

  "eslint.autoFixOnSave": true,
  "eslint.options": {
    "extensions": [".html", ".js", ".vue"]
  },
  "eslint.validate": [
    {
      "language": "vue",
      "autoFix": true
    },
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "javascript",
      "autoFix": true
    }
  ],

  "vetur.validation.template": false,

  /* https://github.com/prettier/prettier-vscode/issues/590#issuecomment-428654972*/
  "vetur.format.defaultFormatter.scss": "prettier",
  "vetur.format.defaultFormatter.css": "prettier",
  "vetur.format.defaultFormatter.js": "prettier",
  "vetur.format.defaultFormatter.html": "js-beautify-html",

  "javascript.format.insertSpaceBeforeFunctionParenthesis": true
}

vue.config.js

const path = require("path");

const isProd = process.env.NODE_ENV === "production";

module.exports = {
  outputDir: "./Content/dist/vue",
  filenameHashing: false,
  publicPath: "/Content/dist/vue",
  productionSourceMap: true,
  css: {
    extract: true,
    sourceMap: !isProd
  },
  chainWebpack: config => {
    config.plugins.delete("hmr");
  },
  configureWebpack: {
    devtool: "source-map",
    performance: {
      maxEntrypointSize: 400000
    },
    resolve: {
      alias: {
        "@Views": path.join(__dirname, "Views"),
        "@shared": path.join(__dirname, "src", "shared")
      }
    }
  }
};