Microsoft Visual Studio Code - Settings vor Vue

settings01.json

{
  // general
  "telemetry.enableTelemetry": false,
  "workbench.settings.editor": "json",
  "workbench.startupEditor": "newUntitledFile",
  "workbench.editor.restoreViewState": false,
  "workbench.colorTheme": "One Dark Theme",
  "workbench.iconTheme": "vscode-icons",
  "workbench.settings.useSplitJSON": true,
  "window.zoomLevel": 0,
  "window.menuBarVisibility": "toggle",
  "window.titleBarStyle": "custom",
  "breadcrumbs.enabled": true,
  "explorer.autoReveal": false,
  "search.showLineNumbers": true,
  // editor
  "editor.fontFamily": "Meslo LG L, 'Courier New', monospace",
  "editor.fontSize": 15,
  "editor.renderIndentGuides": false,
  "editor.minimap.enabled": false,
  "editor.tabCompletion": "on",
  // git
  "git.confirmSync": false,
  "git.autofetch": true,
  "git.alwaysShowStagedChangesResourceGroup": true,
  // format & linting (Vetur & ESLint)
  "html.format.wrapAttributes": "force-aligned",
  // "vetur.format.defaultFormatter.js": "vscode-typescript",
  // "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatter.js": "prettier",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force-aligned"
    }
  },
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    {
      "language": "vue",
      "autoFix": true
    },
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "javascript",
      "autoFix": true
    }
  ],
  // colorize plugin
  "colorize.languages": [
    "javascript",
    "css",
    "sass",
    "scss",
    "less",
    "postcss",
    "sss",
    "stylus",
    "xml",
    "svg"
  ],
  // "Import Cost" plugin
  "importCost.bundleSizeDecoration": "minified",
  "importCost.javascriptExtensions": ["\\.jsx?$", "\\.vue$"],
  "importCost.typescriptExtensions": ["\\.tsx?$", "\\.vue$"]
}