My Code Editor Setup

•
4min
•
0 views

As developers, we spend a lot of our time staring at code, so having a setup that feels just right is essential. Lately, I’ve been really enjoying using Cursor as my editor—it’s like a smarter, AI-powered version of VSCode.

Looks the same right?

Theming

Creating a workspace that’s easy on the eyes and keeps distractions to a minimum is key for me. Here’s how I’ve set up my minimalistic theme:

If you want to try out my setup, here’s a snippet from my settings.json file—whether you’re on Cursor or VSCode, feel free to copy and customize to your heart’s content.

settings.json
{
  // Workbench settings
  "workbench.colorTheme": "Noir Poimandres Gre",
  "workbench.settings.editor": "json",
  "workbench.tree.enableStickyScroll": true,
  "workbench.editor.showTabs": "multiple",
  "workbench.tips.enabled": false,
  "workbench.editor.editorActionsLocation": "hidden",
  // editor labels if you hate the page/layout/route duplication (App Router)
  "workbench.editor.customLabels.patterns": {
    "**/app/**/page.tsx": "${dirname} - page.tsx",
    "**/app/**/layout.tsx": "${dirname} - layout.tsx"
  },
 
  // Editor settings
  "editor.smoothScrolling": true,
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.cursorBlinking": "smooth",
  "editor.scrollbar.horizontal": "hidden",
  "editor.wordWrap": "bounded",
  "editor.wrappingStrategy": "advanced",
  "editor.tabSize": 2,
  "editor.inlineSuggest.enabled": true,
  "editor.minimap.enabled": false,
  "editor.hover.enabled": true,
  "editor.renderLineHighlight": "none",
  "editor.occurrencesHighlight": "off",
  "editor.fontSize": 13,
  "editor.fontFamily": "Victor Mono",
  "editor.fontLigatures": true,
  "editor.lineHeight": 1.7,
 
  // Window settings
  "window.zoomLevel": 1,
 
  // File explorer settings
  "explorer.compactFolders": false,
  "explorer.confirmDelete": false,
  "explorer.decorations.colors": true,
  "explorer.decorations.badges": false,
  "explorer.confirmDragAndDrop": false,
 
  // File settings
  "files.insertFinalNewline": true,
 
  // Git settings
  "git.decorations.enabled": false,
  "git.suggestSmartCommit": true,
 
  // Terminal settings
  "terminal.integrated.fontFamily": "Geist Mono",
  "terminal.integrated.fontSize": 13,
  "terminal.integrated.lineHeight": 1.3,
  "terminal.integrated.defaultProfile.windows": "Git Bash",
 
  // TypeScript settings
  "typescript.updateImportsOnFileMove.enabled": "always",
 
  // APC (A Personal Customization) settings
  "apc.font.family": "Victor Mono",
  "apc.monospace.font.family": "Geist Mono",
  "apc.activityBar": {
    "position": "bottom",
    "hideSettings": true,
    "size": 24
  },
  "apc.statusBar": {
    "position": "editor-bottom",
    "height": 22,
    "fontSize": 10
  },
  "apc.header": {
    "height": 34
  },
  "apc.listRow": {
    "height": 21
  },
  "editor.formatOnSave": true,
    "editor.defaultFormatter": "biomejs.biome", // use esbenp.prettier-vscode for prettier
    "[typescript]": {
      "editor.defaultFormatter": "biomejs.biome"
    },
}

Closing Thoughts

While the configuration provided here reflects my personal preferences, it's essential to remember that everyone's needs and preferences are unique. Feel free to tweak and find what makes you feel most productive, and make your editor truly yours.

NextLeverage Biome for My Codebase