settings.json

{
  // disabling vscode extra bloat stuff
  // hide the feedback icon (smiling face) with rightclick and select hide
  "telemetry.enableTelemetry": false,
  // appearance
  "workbench.colorTheme": "One Dark Pro",
  "editor.fontFamily": "Hack",
  "terminal.integrated.fontFamily": "Hack",
  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  "editor.detectIndentation": true,
  "editor.wordWrap": "on",
  "editor.cursorBlinking": "smooth",
  "terminal.integrated.cursorStyle": "line",
  "editor.wordWrapColumn": 100,
  // fixing UI issues / no need to click confirm boxes
  "explorer.confirmDragAndDrop": false,
  "git.confirmSync": false,
  "git.autofetch": true,
  // emmet and suggestions
  "editor.acceptSuggestionOnEnter": "off", // use tab for suggestions, so you can press enter to newline
  "editor.quickSuggestions": {
    "comments": false // no suggestions inside comments
  },
  "emmet.showSuggestionsAsSnippets": true,
  "emmet.triggerExpansionOnTab": true,
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "HTML (Eex)": "html"
  },
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "erb": "erb"
  },
  // general formatting
  // These are all my auto-save configs
  "editor.formatOnSave": true,
  // turn it off for JS and JSX and vue files, we will do this via eslint
  "[javascript]": {
    "editor.formatOnSave": false
  },
  "[javascriptreact]": {
    "editor.formatOnSave": false
  },
  "[vue]": {
    "editor.formatOnSave": false
  },
  // tell the ESLint plugin to run on save
  "eslint.autoFixOnSave": true,
  // Optional BUT IMPORTANT: If you have the prettier extension enabled for other languages like CSS and HTML, turn it off for JS since we are doing it through Eslint already
  "prettier.disableLanguages": [
    "javascript",
    "javascriptreact",
    "vue"
  ],
  "eslint.validate": [
    {
      "language": "vue",
      "autoFix": true
    },
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "javascript",
      "autoFix": true
    }
  ],
  "eslint.alwaysShowStatus": true,
  "prettier.singleQuote": true,
  "prettier.eslintIntegration": true,
  "prettier.printWidth": 100,
  //javascript
  "javascript.updateImportsOnFileMove.enabled": "always", // no need to confirm imports when filename changes
  "javascript.implicitProjectConfig.experimentalDecorators": true, // stops errors using decorators
  // ruby
  "[ruby]": {
    "editor.formatOnSave": true,
    "editor.formatOnSaveTimeout": 5000
  },
  "ruby.format": false,
  "ruby.codeCompletion": false,
  "solargraph.hover": true,
  "solargraph.completion": true,
  "solargraph.rename": false,
  "solargraph.diagnostics": true,
  // elixir
  "elixirLS.suggestSpecs": false,
  "workbench.iconTheme": "material-icon-theme",
  "editor.minimap.enabled": false,
  "editor.minimap.maxColumn": 100,
  "git.enableSmartCommit": true,
  // crystal
  "crystal-lang.completion": true,
  "crystal-lang.hover": true,
  "crystal-lang.implementations": true,
}