Vue.js Essentials - Extension Pack for VS Code

This extension pack for Visual Studio Code adds extensions that are amazingly useful for Vue.js development. This extension can help write, test and debug Vue applications in Visual Studio Code. Check out Vue.js in VS Code to get started.

Editor settings

  "editor.autoIndent": "full",
  "editor.codeLens": false,
  "editor.cursorBlinking": "solid",
  "editor.cursorSmoothCaretAnimation": true,
  "editor.cursorStyle": "line",
  "editor.fontSize": 16,
  "editor.fontFamily": "Dank Mono, Operator Mono, Fira Code, Inconsolata",
  "editor.fontLigatures": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": false,
  "editor.formatOnSave": true,
  "editor.letterSpacing": 0.5,
  "editor.lineHeight": 25,
  "editor.minimap.enabled": false,
  "editor.multiCursorModifier": "ctrlCmd",
  "editor.suggestSelection": "first",
  "editor.tabCompletion": "on",
  "editor.tabSize": 2,
  "editor.wordWrap": "on",

File settings

  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 1000,
  "files.hotExit": "onExit",
  "files.defaultLanguage": "",
  "files.trimTrailingWhitespace": true,

Prettier settings

  "prettier.printWidth": 120,
  "prettier.bracketSpacing": true,
  "prettier.singleQuote": true,

Included

This extension pack includes the following extensions:

Extension	Stats
Vetur
Vue 3 Snippets
Vue VSCode Snippets
GitLens — Git supercharged
Debugger for Microsoft Edge
EditorConfig for VS Code
ESlint
Material Icon Theme
npm
Prettier - Code formatter
Bracket Pair Colorizer
Code Spell Checker
npm Intellisense
Visual Studio IntelliCode