VS Code Settings - Frontend (Kris B)

FrontendSettings.json

{
  "files.exclude": {
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true,
    "**/node_modules/*/**": false, // Note: I toggle this one while debugging libraries sometimes
    "**/bin/*/**": true,
    "**/Config/*/**": true
  },
  // "workbench.colorTheme": "Universe", insert your own theme
  "prettier.tabWidth": 2,
  "prettier.useTabs": false,
  "prettier.printWidth": 100,
  "editor.accessibilitySupport": "off", // I toggle this depending on work
  "editor.colorDecorators": false,
  "debug.node.autoAttach": "off",
  "html.format.endWithNewline": true,
  "html.format.indentHandlebars": true,
  "html.format.indentInnerHtml": true,
  "editor.tabSize": 2,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "gitlens.currentLine.enabled": true, // really nice way to see who wrote the line last
  "workbench.editor.showTabs": true,
  "workbench.tips.enabled": false,
  "prettier.packageManager": "yarn",
  "prettier.withNodeModules": true,
  "npm.fetchOnlinePackageInfo": false,
  "npm.packageManager": "yarn",
  // "workbench.iconTheme": "material-icon-theme", Insert your own icons
  "editor.formatOnSave": true, // toggle this one sometimes while debugging
  "[yaml]": {
    "editor.formatOnSave": false // this will screw up files that dont need to be formatrted
  },
  "eslint.packageManager": "yarn",
  "eslint.alwaysShowStatus": true,
  "window.zoomLevel": 2,
  "atomKeymap.promptV3Features": true,
  "editor.multiCursorModifier": "ctrlCmd",
  "files.trimTrailingWhitespace": true,
  // "vscode-pets.petSize": "large" for my pet extension
}