My complete VSCode settings as of June 16 2021

darins-vscode-settings.js

modules.export = {
  // == Typography & Themes ==============
  "workbench.colorTheme": "Ayu Mirage",
  "editor.fontFamily": "MonoLisa, Operator Mono Lig, MonoLisa, Menlo",
  "editor.fontSize": 16,
  "editor.lineHeight": 24,
  "editor.letterSpacing": -0.1,
  "editor.fontWeight": 300,
  "editor.fontLigatures": true,

  // == Terminal Configs
  "terminal.integrated.fontSize": 14,
  "terminal.integrated.lineHeight": 0.9,

  // == Behaviors & Defaults ==============
  "debug.javascript.autoAttachFilter": "disabled",
  "editor.renderIndentGuides": false,
  "editor.scrollBeyondLastLine": true,
  "editor.autoIndent": "advanced",
  "editor.quickSuggestionsDelay": 30,
  "editor.cursorBlinking": "solid",
  "editor.colorDecorators": false,
  "editor.tabSize": 2,
  "editor.cursorWidth": 5,
  "editor.wordWrap": "on",
  "editor.parameterHints.enabled": false,
  "editor.suggest.insertMode": "replace",
  "editor.suggestSelection": "first",
  "editor.multiCursorModifier": "ctrlCmd",
  "editor.minimap.enabled": false,
  "editor.renderWhitespace": "none",
  "editor.minimap.showSlider": "always",
  "editor.detectIndentation": false,
  "editor.showFoldingControls": "mouseover",
  "editor.find.seedSearchStringFromSelection": true,
  "editor.matchBrackets": "always",
  "editor.useTabStops": true,
  "files.insertFinalNewline": true,
  "files.trimTrailingWhitespace": true,
  "window.openFilesInNewWindow": "off",
  "window.closeWhenEmpty": false,
  "workbench.editor.enablePreviewFromQuickOpen": true,
  "workbench.editor.revealIfOpen": true,
  "workbench.editor.enablePreview": true,

  // Indentation
  "workbench.tree.indent": 8,
  "workbench.tree.renderIndentGuides": "onHover",
  "workbench.startupEditor": "newUntitledFile",
  "workbench.editor.tabCloseButton": "off",
  // "editor.rulers": [100],

  // == Gutter ==============
  "scm.diffDecorationsGutterVisibility": "hover",
  "workbench.editor.showIcons": false, // Disable Tab File Icons
  "problems.decorations.enabled": false, // Disable Red Sidebar Errors

  // == Window Config ==============
  "window.titleBarStyle": "native",
  "window.zoomLevel": 1,
  "window.title": "${dirty} ${activeEditorMedium}${separator}${rootName}",
  "workbench.activityBar.visible": true,
  "workbench.editor.tabSizing": "fit",
  "zenMode.fullScreen": false,
  "zenMode.centerLayout": false,

  // == Automatic Linting & Formatting ==============
  "editor.formatOnSave": true,
  "editor.formatOnPaste": false,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  // turn it off for JS
  "[javascript]": {
    "editor.formatOnSave": false,
    "editor.defaultFormatter": null
  },
  "[typescript]": {
    "editor.formatOnSave": true
    // "editor.defaultFormatter": null
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": null
  },
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "eslint.alwaysShowStatus": true,
  "eslint.debug": true,
  "prettier.singleQuote": true,
  "html.format.enable": true,
  "html.format.preserveNewLines": true,

  // Vibrancy Settings
  "vscode_vibrancy.type": "dark",
  "vscode_vibrancy.theme": "Default Dark",
  "vscode_vibrancy.opacity": 0.7,

  // Customize UI settings
  "customizeUI.fontSizeMap": {
    "13px": "11px",
    "12px": "11px",
    "window-title": "12px", // Window title font when using custom titlebar
    "tab-title": "10.5px", // Used for editor tab titles
    "monospace": "10.5px", // Used for monospace fonts in user interface
    "menu": "13px" // Used for menu items (windows only),
  },
  "customizeUI.listRowHeight": 18, // shrink rows to match XCode,
  "customizeUI.activityBar": "bottom",
  "customizeUI.titleBar": "inline",
  "customizeUI.font.regular": "Menlo",
  "customizeUI.font.monospace": "Menlo",

  // == Utility Configurations
  "typescript.tsserver.log": "off",
  "extensions.ignoreRecommendations": false,
  "files.exclude": {
    "**/.cache": true,
    "**/.DS_Store": true,
    "**/.git": true,
    "**/.hg": true,
    "**/.next": true,
    "**/.svn": true,
    "**/CVS": true,
    "**/dist": true,
    "**/node_modules": true // this excludes all folders
  }

  // "workbench.colorCustomizations": {
  //   "window.activeBorder": "#fe2c70",
  //   "window.inactiveBorder": "#ffc600",
  // },
}