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

An example of my list of installed extensions:

extensions.txt

astro-build.astro-vscode
bierner.markdown-mermaid
biomejs.biome
dbaeumer.vscode-eslint
equinusocio.vsc-material-theme-icons
esbenp.prettier-vscode
github.vscode-pull-request-github
hnw.vscode-auto-open-markdown-preview
jock.svg
mrmlnc.vscode-json5
ms-azuretools.vscode-containers
ms-azuretools.vscode-docker
ms-vscode-remote.remote-containers
mxsdev.typescript-explorer
mylesmurphy.prettify-ts
pkief.material-icon-theme
richie5um2.vscode-sort-json
skyapps.fish-vscode
streetsidesoftware.code-spell-checker
unifiedjs.vscode-mdx
usernamehw.errorlens
waderyan.gitblame
wallabyjs.wallaby-vscode
wayou.vscode-todo-highlight
yoavbls.pretty-ts-errors
yzhang.markdown-all-in-one

Exporting extensions#

Cursor doesn’t support syncing extensions from one machine to another. If you are doing a one-time migration, you can use the CLI to export your extensions:

cursor --list-extensions >> extensions.txt

Then, install them using:

cat extensions.txt | xargs -n 1 code --install-extension

Fonts#

Monaspace

JetBrains Mono