Minha Config

settings.json

{
  "editor.fontFamily": "Operator Mono Lig, Fira Code, Menlo, Monaco, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": [
          //following will be in italic
          "comment",
          "entity.name.type.class", //class names
          "constant", //String, Number, Boolean…, this, super
          "storage.modifier", //static keyword
          "storage.type.class.js", //class keyword
          "keyword" //import, export, return…
        ],
        "settings": {
          "fontStyle": "italic"
        }
      }
    ]
  },

  "terminal.integrated.fontFamily": "Fira Code",
  "editor.mouseWheelZoom": true,
  "editor.fontSize": 20,
  "editor.tabSize": 2,
  "window.restoreWindows": "none",
  "terminal.integrated.fontSize": 16,
  "editor.minimap.enabled": false,
  "editor.lineHeight": 25,
  "powermode.enabled": false,
  "explorer.compactFolders": false,
  "workbench.editor.labelFormat": "short",
  "extensions.ignoreRecommendations": true,
  "editor.suggest.showTypeParameters": true,
  "editor.parameterHints.enabled": true,
  "editor.linkedEditing": true,
  // "editor.snippetSuggestions": "top",
  // Muito útil
  "window.openFoldersInNewWindow": "off",
  "editor.guides.bracketPairs": true,
  "editor.formatOnPaste": true,

  // REACT SETTINGS
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "emmet.syntaxProfiles": {
    "javascript": "jsx"
  },
  // ESLINT
  "editor.formatOnSave": true,
  "eslint.format.enable": true,
  "editor.codeActionsOnSave": {
    // "source.fixAll": true,
    "source.fixAll.eslint": true,
    "source.fixAll.tslint": true,
    "source.fixAll.stylelint": true
    // "source.organizeImports": true
  },

  "prettier.eslintIntegration": true,
  "prettier.stylelintIntegration": true,

  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "typescriptreact"
  ],
  // Prettier

  "prettier.singleQuote": true,

  // ICONES REACT
  "javascript.preferences.jsxAttributeCompletionStyle": "auto",
  "javascript.suggest.autoImports": true,
  "typescript.updateImportsOnFileMove.enabled": "always",
  // Alterar os ícones para quem tem TOC
  "material-icon-theme.activeIconPack": "react_redux",
  "files.associations": {
    "**/src/**/*.js": "javascriptreact",
    "**/src/**/*.jsx": "javascriptreact"
  },
  "html.format.wrapAttributes": "force",
  "files.watcherExclude": {
    "**/.git/objects/**": true,
    "**/.git/subtree-cache/**": true,
    "**/node_modules/*/**": true,
    "**/.hg/store/**": true,
    "**/vendor/*/**": true
  },
  "workbench.colorTheme": "Dracula",
  "git.ignoreMissingGitWarning": true,
  "powermode.presets": "magic",
  "workbench.startupEditor": "newUntitledFile",
  "security.workspace.trust.untrustedFiles": "open",
  "javascript.updateImportsOnFileMove.enabled": "always",
  "files.eol": "\n",
  "security.workspace.trust.banner": "never",
  "explorer.confirmDelete": false,
  "[javascriptreact]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "editor.bracketPairColorization.enabled": true,
  "compilerOptions": {
    "jsx": "react",
    "baseUrl": "./src/js"
  },
  "codesnap.transparentBackground": true,
  "codesnap.backgroundColor": "#FFFFFF",
  "codesnap.boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px",
  "yaclock.showDate": true,
  "editor.cursorStyle": "block",
  "editor.cursorBlinking": "solid",
  "workbench.colorCustomizations": {
    "editorCursor.foreground": "#ffff00",
    "terminalCursor.foreground": "#ffff00",
    "statusBar.background": "#77c670",
    "statusBar.noFolderBackground": "#a84343",
    "statusBar.debuggingBackground": "#42abdf",
    "statusBar.foreground": "#000"
  },
  "workbench.iconTheme": "vscode-icons",
  "editor.suggestSelection": "first",
  "errorLens.enabled": true,
  "tabnine.experimentalAutoImports": true,
  "[css]": {
    "editor.defaultFormatter": "stylelint.vscode-stylelint"
  },
  "eslint.alwaysShowStatus": true,
  "javascript.referencesCodeLens.enabled": true,
  "javascript.suggest.completeFunctionCalls": true,
  "liveServer.settings.donotShowInfoMsg": true,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "npm.keybindingsChangedWarningShown": true,
  "[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "window.zoomLevel": 1
}

Fontes utilizadas: Operator Mono Lig e Fira Code

{
"window.zoomLevel": 0.7,
"editor.mouseWheelZoom": true,
"editor.fontSize": 18,
"editor.tabSize": 2,
"editor.fontFamily": "Operator Mono Lig, Fira Code, Menlo, Monaco, 'Courier New', monospace",
"editor.fontLigatures": true,
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": [
//following will be in italic
"comment",
"entity.name.type.class", //class names
"constant", //String, Number, Boolean…, this, super
"storage.modifier", //static keyword
"storage.type.class.js", //class keyword
"keyword" //import, export, return…
],
"settings": {
"fontStyle": "italic"
}
}
]
},
"terminal.integrated.fontFamily": "Fira Code",
"window.restoreWindows": "none",
"terminal.integrated.fontSize": 14,
"editor.minimap.enabled": false,
"editor.lineHeight": 26,
"powermode.enabled": false,
"explorer.compactFolders": false,
"workbench.editor.labelFormat": "short",
"editor.suggest.showTypeParameters": true,
"editor.parameterHints.enabled": true,
"editor.linkedEditing": true,
// "editor.snippetSuggestions": "top",
// Muito útil
"window.openFoldersInNewWindow": "off",
"editor.guides.bracketPairs": true,
"editor.formatOnPaste": true,
// REACT SETTINGS
"javascript.suggest.autoImports": true,
"javascript.updateImportsOnFileMove.enabled": "always",
"javascript.suggest.completeFunctionCalls": true,
"typescript.suggest.autoImports": true,
"extensions.ignoreRecommendations": true,
"editor.suggestSelection": "first",
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"emmet.syntaxProfiles": {
"javascript": "jsx"
},
// ESLINT
"editor.formatOnSave": true,
"eslint.format.enable": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
"source.fixAll.stylelint": true,
"source.fixAll.tslint": true,
// "source.fixAll": true,
"source.organizeImports": true
},
"prettier.eslintIntegration": true,
"prettier.stylelintIntegration": true,
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
"typescriptreact"
],
// Prettier
"prettier.singleQuote": true,
// ICONES REACT
"javascript.preferences.jsxAttributeCompletionStyle": "auto",
// Alterar os ícones para quem tem TOC
"material-icon-theme.activeIconPack": "react_redux",
"files.associations": {
"/src//.js": "javascriptreact",
"/src//.jsx": "javascriptreact"
},
"html.format.wrapAttributes": "force",
"files.watcherExclude": {
"/.git/objects/": true,
"/.git/subtree-cache/": true,
"/node_modules/*/": true,
"/.hg/store/": true,
"/vendor/*/": true
},
"workbench.colorTheme": "Aura Dark",
"git.ignoreMissingGitWarning": true,
"powermode.presets": "magic",
"workbench.startupEditor": "newUntitledFile",
"security.workspace.trust.untrustedFiles": "open",
"files.eol": "\n",
"security.workspace.trust.banner": "never",
"explorer.confirmDelete": false,
"editor.bracketPairColorization.enabled": true,
"codesnap-plus.transparentBackground": true,
"codesnap-plus.backgroundColor": "#FFFFFF",
"codesnap-plus.boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px",
"codesnap-plus.roundedCorners": true,
"editor.cursorStyle": "block",
"editor.cursorBlinking": "solid",
"workbench.colorCustomizations": {
"editorCursor.foreground": "#23e5ab",
"terminalCursor.foreground": "#23e5ab",
"statusBar.background": "#77c670",
"statusBar.noFolderBackground": "#a84343",
"statusBar.debuggingBackground": "#42abdf",
"statusBar.foreground": "#000"
},
"errorLens.enabled": true,
"editor.rulers": [
80,
120
],
"editor.inlineSuggest.enabled": true,
"[css]": {
"editor.defaultFormatter": "stylelint.vscode-stylelint"
},
"liveServer.settings.donotShowInfoMsg": true,
"dart.lineLength": 90,
"editor.stickyScroll.enabled": true,
"workbench.productIconTheme": "fluent-icons",
"workbench.iconTheme": "vscode-icons",
"material-icon-theme.showWelcomeMessage": false,
"bookmarks.saveBookmarksInProject": true,
"githubPullRequests.queries": [
{
"label": "Waiting For My Review",
"query": "is:open review-requested:${user}"
},
{
"label": "Assigned To Me",
"query": "is:open assignee:${user}"
},
{
"label": "Created By Me",
"query": "is:open author:${user}"
}
],
"cSpell.language": "en,pt,pt_BR",
"cSpell.userWords": [
"descricao",
"icones",
"stylelint",
"thiago",
"trybe"
],
"github.copilot.enable": {
"*": true,
"yaml": false,
"plaintext": false,
"markdown": false,
"javascript": true,
"json": true,
"typescript": true,
"typescriptreact": true,
"javascriptreact": true,
"html": true,
"css": true,
"scss": true,
"python": true,
"php": true,
"java": true
},
"[typescriptreact]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"reactSnippets.settings.typescript": true,
"editor.suggest.snippetsPreventQuickSuggestions": true,
"editor.suggest.preview": true,
"editor.suggest.showStatusBar": true,
"editor.snippetSuggestions": "top",
"editor.suggest.showSnippets": true,
"editor.tabCompletion": "on"
// "editor.suggestOnTriggerCharacters": true,
// "editor.tabCompletion": "onlySnippets",
// "editor.suggest.showClasses": true,
// "editor.suggest.showFiles": true
// "workbench.commandPalette.experimental.suggestCommands": true,
// "typescript.suggest.completeFunctionCalls": true
}