VSCode Settings

settings.json

{
  "editor.fontSize": 14,
  "editor.tabSize": 2,
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html"
  },
  "emmet.triggerExpansionOnTab": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue"
  ],
  "files.eol": "\n",
  "files.insertFinalNewline": true,
  "files.trimTrailingWhitespace": true,
  "html.format.endWithNewline": true,
  "python.pythonPath": "/usr/local/opt/python/bin/python3.6",
  "terminal.integrated.shell.osx": "/bin/zsh",
  "window.zoomLevel": -1,
  "workbench.colorCustomizations": {
    "activityBarBadge.background": "#2979FF",
    "breadcrumb.activeSelectionForeground": "#2979FF",
    "editor.background": "#0a1013",
    "editorSuggestWidget.highlightForeground": "#2979FF",
    "editorWidget.border": "#2979FF",
    "editorWidget.resizeBorder": "#2979FF",
    "list.activeSelectionForeground": "#2979FF",
    "list.highlightForeground": "#2979FF",
    "list.inactiveSelectionForeground": "#2979FF",
    "menu.selectionForeground": "#2979FF",
    "menubar.selectionForeground": "#2979FF",
    "notificationLink.foreground": "#2979FF",
    "panelTitle.activeBorder": "#2979FF",
    "pickerGroup.foreground": "#2979FF",
    "progressBar.background": "#2979FF",
    "scrollbarSlider.activeBackground": "#2979FF50",
    "settings.headerForeground": "#2979FF",
    "settings.modifiedItemIndicator": "#2979FF",
    "statusBar.background": "#191b20",
    "tab.activeBorder": "#2979FF",
    "terminal.background": "#000",
    "textLink.foreground": "#2979FF"
  },
  "workbench.colorTheme": "Monokai Vibrant",
  "workbench.iconTheme": "vscode-great-icons",
  "editor.wordWrapColumn": 120,
  "html.format.wrapAttributes": "preserve",
  "javascript.validate.enable": false,
  "liveServer.settings.donotShowInfoMsg": true,
  "javascript.preferences.quoteStyle": "single",
  "typescript.preferences.quoteStyle": "single",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "semi": true,
      "singleQuote": true,
      "trailingComma": "all",
      "tabWidth": 2,
    },
    "js-beautify-html": {
      "wrap_attributes": "auto"
      }
  },
  "vetur.format.scriptInitialIndent": true,
  "vetur.format.styleInitialIndent": true,
}