VSCode global Settings (JSON)

settings.json

{
  // -- Visual IDE changes
  "window.zoomLevel": 1,
  "workbench.colorTheme": "One Dark Pro", // ext: zhuangtongfa.material-theme
  "workbench.iconTheme": "material-icon-theme", // ext: PKief.material-icon-theme
  "editor.tabSize": 2,
  // - font
  "editor.fontFamily": "Fira Code", // https://github.com/tonsky/FiraCode
  "editor.fontLigatures": true,
  // - bracket colors (Bracket Pair Colorizer native plugin)
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active",
  // - saves a lot of window space, not ideal but useful for 2 windows (or 1 on laptop)
  "editor.minimap.enabled": false,
  "editor.lineNumbers": "off",
  "editor.folding": false,
  "workbench.activityBar.visible": false,

  // -- IDE behaviour
  "explorer.confirmDragAndDrop": false,
  "explorer.confirmDelete": false,
  "workbench.startupEditor": "none", // no welcome message
  "window.openFoldersInNewWindow": "off", // `$ code .` opens in same window
  "window.openWithoutArgumentsInNewWindow": "off",
  "window.titleBarStyle": "custom", // no OS native bar (use vscode title bar)
  // "editor.acceptSuggestionOnEnter": "off", // accept on Tab instead of Enter
  "editor.multiCursorModifier": "ctrlCmd", // select->edit multiple code with ctrl + click
  "javascript.updateImportsOnFileMove.enabled": "always",
  "typescript.updateImportsOnFileMove.enabled": "always",
  "extensions.ignoreRecommendations": true,
  "explorer.compactFolders": false, // don't compact unique child folders in the same line

  // -- formatting = use prettier for everything except JS,JSX,TS,TSX.
  // This leaves eslint to be the formatter (requires package installation on each project)
  // Use a local '.vscode/settings.json' enabling formatOnSave for prettier
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[javascript][javascriptreact][typescript][typescriptreact]": {
    "editor.formatOnSave": false
  },

  // -- plugin: eslint
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.workingDirectories": [{ "mode": "auto" }],

  // -- extra plugins
  "liveServer.settings.donotShowInfoMsg": true
}