Settings VSCODE comentado

new-version.json

{
  "editor.fontFamily": "Fira Code",
  "editor.fontLigatures": true,
  "editor.fontSize": 18,
  "editor.lineHeight": 24,
  "editor.formatOnSave": true,
  "workbench.colorTheme": "Dracula",
  "workbench.settings.editor": "json",
  "javascript.suggest.autoImports": true,
  "typescript.suggest.autoImports": true,

  "editor.rulers": [80, 120],
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    }
  },
  "[javascriptreact]": {
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    }
  },
  "[typescriptreact]": {
    // "editor.formatOnSave": false,
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    }
  },
  "[typescript]": {
    // "editor.formatOnSave": false,
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    }
  },
  "terminal.integrated.fontSize": 14,
  "editor.renderLineHighlight": "gutter",
  "window.zoomLevel": -1,
  "emmet.triggerExpansionOnTab": true,
  "editor.snippetSuggestions": "top",
  "emmet.showSuggestionsAsSnippets": true,
  "editor.tabSize": 2,
  "emmet.syntaxProfiles": {
    "javascript": "jsx"
  },
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "nunjucks": "html",
    "edge": "html"
  },
  "javascript.updateImportsOnFileMove.enabled": "never",
  "breadcrumbs.enabled": true,
  "editor.parameterHints.enabled": false,
  // "prettier.eslintIntegration": true,
  "workbench.iconTheme": "material-icon-theme",
  "liveServer.settings.donotShowInfoMsg": true,
  "explorer.confirmDragAndDrop": false,
  "explorer.confirmDelete": false,
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "typescript.updateImportsOnFileMove.enabled": "always",
  "terminal.integrated.rendererType": "dom",
  "eslint.migration.2_x": "off",
  "material-icon-theme.folders.associations": {
    "infra": "app",
    "entities": "class",
    "schemas": "class",
    "typeorm": "database",
    "repositories": "mappings",
    "http": "container",
    "modules": "components",
    "implementations": "core",
    "migrations": "tools",
    "dtos": "typescript",
    "fakes": "mock"
  },
  "material-icon-theme.files.associations": {
    "ormconfig.json": "database",
    "tsconfig.json": "tune"
  }
  // "workbench.colorTheme": "Omni"
}

settings-commented.json

{
  "editor.fontFamily": "Fira Code", // Minha fonte preferida instalada no SO
  "editor.fontLigatures": true, // faz a ligações bonitas ==> === <= >== 
  "editor.fontSize": 18, // tamnho da fonte
  "editor.lineHeight": 24, // altura entre linhas no código
  "editor.formatOnSave": true, // Quando eu aperto cmd+s salva o arquivo e formata
  "[typescript]": {
    "editor.formatOnSave": false,
  },
  "[typescriptreact]": {
    "editor.formatOnSave": false,
  },
  "workbench.colorTheme": "Dracula", // cor do tema/aparencia do meu VSCODe
  "workbench.settings.editor": "json",
  // tamanho máximo de codigo horizonltamente, deve quebrar a linha depois q chegar no máximo
  "editor.rulers": [
    80,
    120
  ],
  "terminal.integrated.fontSize": 14, // tamanho da fonte do terminal integrado no vscode
  "editor.renderLineHighlight": "gutter", // mostra a linha atual do código, onde o cursor está de forma melhorada
  "window.zoomLevel": -1,
  "emmet.triggerExpansionOnTab": true,
  "editor.snippetSuggestions": "top",
  "emmet.showSuggestionsAsSnippets": true,
  "editor.tabSize": 2,
  // configura o emmet um tipo de alto complete para js, jsx, html
  "emmet.syntaxProfiles": {
    "javascript": "jsx"
  },
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "nunjucks": "html",
    "edge": "html"
  },
  // não permite ficar importanto o arquivo quando eu movo
  "javascript.updateImportsOnFileMove.enabled": "never",
 // mostra o sitemap do vscode onde estão os arquivos
  "breadcrumbs.enabled": true,
  // desabilita a exibição da caixa que mostra a documentação do código
  "editor.parameterHints.enabled": false,
  // habilita a integração do prettier e eslint com vscode
  "prettier.eslintIntegration": true,
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "typescript",
      "autoFix": true
    },
    {
      "language": "typescriptreact",
      "autoFix": true
    }
  ],
  "workbench.iconTheme": "material-icon-theme",
  "liveServer.settings.donotShowInfoMsg": true,
  "explorer.confirmDragAndDrop": false,
  "explorer.confirmDelete": false,
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "typescript.updateImportsOnFileMove.enabled": "always",
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "terminal.integrated.rendererType": "dom"
}