Quantum

Take the leap with your editor and start coding in the New Age with this extension pack.

What's in the Box

Customization

• Material Icon Theme
• Monokai Pro

Debugger

• Debugger for Chrome

Formatting

• Better Comments
• Bracket Pair Colorizer 2
• DotENV
• ESLint
• JS Refactor
• markdownlint
• Prettier - Code formatter
• shell-format

Git

• GitLens — Git supercharged

Productivity

• Import Cost
• npm
• npm Intellisense
• Path Intellisense
• Simple React Snippets

Settings.JSON

Feel free to use these as a base to get started customizing your editor.

{
  "editor.autoClosingBrackets": "always",
  "editor.autoClosingQuotes": "always",
  "editor.detectIndentation": false,
  "editor.formatOnSave": false,
  "editor.minimap.enabled": false,
  "editor.suggestSelection": "first",
  "editor.tabSize": 2,
  "eslint.format.enable": true,
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "files.associations": {
    "*.scpt": "shellscript"
  },
  "git.confirmSync": false,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "material-icon-theme.hidesExplorerArrows": true,
  "telemetry.telemetryLevel": "off",
  "workbench.colorTheme": "Monokai Pro (Filter Spectrum)",
  "workbench.iconTheme": "material-icon-theme",
  "workbench.startupEditor": "readme",

  "[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  }
}

Enjoy!