Preset VSCode settings

First of all, you need to install all the necessary extensions from the list below:

Extensions

• Auto Import
• Bracket Pair Colorization Toggler
• ENV
• ESLint
• TSLint
• GitLens — Git supercharged
• Import Cost
• JetBrains IDE Keymap
• SCSS Formatter
• Swagger Viewer
• Visual Studio IntelliCode
• VSCode Great Icons
• YAML

settings.json

You need to add into File -> Preferences -> Settings

{
  "autoimport.useSemiColon": false,
  "autoimport.filesToScan": "**/*.{js,jsx,ts,tsx}",
  "editor.bracketPairColorization.enabled": true,
  "editor.defaultFormatter": "dbaeumer.vscode-eslint",
  "editor.fontSize": 13,
  "editor.foldingMaximumRegions": 10000,
  "editor.occurrencesHighlight": true,
  "editor.renderFinalNewline": true,
  "editor.showUnused": true,
  "eslint.format.enable": true,
  "eslint.packageManager": "yarn",
  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
  "eslint.rules.customizations": [
    { "rule": "no-unused-vars", "severity": "error" },
    { "rule": "@typescript-eslint/no-unused-vars", "severity": "error" },
    { "rule": "@typescript-eslint/no-unused-expressions", "severity": "error" },
  ],
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "files.autoSave": "onFocusChange",
  "files.eol": "\n",
  "redhat.telemetry.enabled": false,
  "terminal.integrated.defaultProfile.windows": "Git Bash",
  "workbench.iconTheme": "vscode-great-icons"
}