vscode settings for vuejs development

settings.json

// Place your settings in this file to overwrite the default settings
{
  "files.eol": "\n",
  "workbench.iconTheme": "vscode-icons",
  "workbench.colorTheme": "Monokai",
  "explorer.openEditors.visible": 0,
  "editor.renderWhitespace": "all",
  "editor.tabSize": 2,
  "editor.rulers": [80,100],
  "window.zoomLevel": 1,
  "html.format.maxPreserveNewLines": 1,
  "search.exclude": {"**/node_modules": true,"**/bower_components": true},
  "importCost.typescriptExtensions": ["\\.vue$"],
  "vetur.validation.template": true,
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "indent_size": 2,
      "wrap_attributes": "force-aligned",
      "brace-style": "none",
      "content_unformatted": ["pre", "code", "code-sample"]
    }
  },
  "files.associations": {
    "*.vue": "vue"
  },
  "[vue]": {},
  "vsicons.dontShowNewVersionMessage": true,
  "breadcrumbs.enabled": true,
  "javascript.referencesCodeLens.enabled": true,
  "typescript.implementationsCodeLens.enabled": true,
  "typescript.referencesCodeLens.enabled": true,
  "php.validate.executablePath": "D:/Code/laragon/laragon/bin/php/php-7.1.12-Win32-VC14-x64/php.exe",
  "php.suggest.basic": false,
  "cSpell.enabledLanguageIds": [
    "asciidoc",
    "c",
    "cpp",
    "csharp",
    "css",
    "go",
    "handlebars",
    "html",
    "jade",
    "javascript",
    "javascriptreact",
    "json",
    "latex",
    "less",
    "markdown",
    "php",
    "plaintext",
    "python",
    "pub",
    "restructuredtext",
    "rust",
    "scss",
    "text",
    "typescript",
    "typescriptreact",
    "yml",
    "vue"
  ],
  "cSpell.userWords": [
    "nbsp"
  ],
}