Default VSCode Setup (for all projects)

links-vscode-setup.md

Extensions list for VSCode Setup (in general)

• Docker
• GraphQL
• ESLint
• Prettier
• Dracula Theme
• Material Icon Theme

Fonts

• Fira Code Font

Typescript ESLint setup

npm i -D eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin
npx eslint --init

settings.json

{
  // temas
  "workbench.colorTheme": "Dracula",
  "workbench.iconTheme": "material-icon-theme",

  // fonte
  "editor.fontSize": 16,
  "editor.lineHeight": 24,
  "editor.fontFamily": "Fira Code, Dank Mono, Operator Mono, Inconsolata, Menlo",
  "editor.fontLigatures": true,
  "editor.letterSpacing": 0.5,

  // eslint
  "eslint.autoFixOnSave": false,
  "eslint.validate": [
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "javascript",
      "autoFix": true
    },
    {
      "language": "typescript",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    },
    {
      "language": "javascriptreact",
      "autoFix": true
    },
    {
      "language": "typescriptreact",
      "autoFix": true
    }
  ],

  // formatações
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": false,
  "editor.autoIndent": false,
  "editor.tabSize": 2,
  "editor.rulers": [
    80,
    120
  ],
  "editor.wordWrap": "off",
  "editor.tabCompletion": "on",

  // terminal font size
  "terminal.integrated.fontSize": 16,

  // zoom
  "window.zoomLevel": 2,
  
  // others
  "window.titleBarStyle": "custom",
  "editor.codeActionsOnSave": {
    "source.organizeImports": false
  },
  "editor.codeLens": false,
  "editor.cursorBlinking": "phase",
  "editor.cursorStyle": "line",
  "editor.cursorSmoothCaretAnimation": true,
  "editor.minimap.enabled": true,
  "editor.renderWhitespace": "none",
  "files.exclude": {
    "**/.git": true,
    "**/.DS_Store": true,
    "**/*.js": {
      "when": "$(basename).ts"
    },
    "**/*.js.map": {
      "when": "$(basename)"
    }
  },
  "files.hotExit": "onExit",
  "files.defaultLanguage": "javascript",
  "extensions.ignoreRecommendations": false,
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}