IDE

VSCode#

Settings#

settings.json

{
  "[javascript][json][jsonc][typescript][typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.tabSize": 2,
    "editor.useTabStops": false
  },
  "editor.bracketPairColorization.enabled": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.fontFamily": "'Monaspace Neon', monospace"
}

Extensions#

TypeScript Explorer

Prettify TypeScript: Better Type Previews

Pretty TypeScript Errors

Error Lens

Material Icon Theme

Fonts#

Monaspace

JetBrains Mono