Back

Setup

VSCode / Cursor configuration and extensions guide.

Editor

I currently use Cursor as my primary editor. It's a fork of VS Code built specifically for AI-assisted programming, and it significantly speeds up my workflow.

  • Theme: Default Cursor Theme (Dark)
  • Font: Geist Mono (14px)
  • AI Models: Claude 4.8 Opus GPT 5.6 SOL, GLM 5.2, Claude Sonnet 5 for smaller tasks and inline generation and chat.
  • Remote Development: VSCode Remote Development (SSH, WSL(Ubuntu)) to run code on remote machines.

Essential Extensions (for my workflow)

  • Console Ninja (Pro): Debug console for chrome in VSCode.
  • ESLint & Prettier: Absolute must-haves for code formatting and catching syntax errors early.
  • Tailwind CSS IntelliSense: Autocomplete for Tailwind classes makes styling extremely fast.
  • GitLens: Supercharges Git capabilities right inside the editor (blame annotations are a lifesaver).
  • Error Lens: Highlights errors and warnings across the entire line, so you can't miss them.
  • Live Server: Launch a local development server with live reload feature for static & dynamic pages.
  • Prisma: Syntax highlighting and formatting for database schemas.
  • NPM IntelliSense: Autocomplete for npm packages in package.json and import statements.
  • Javascript Debugger: Debugger for Javascript and Node.js.
  • Path IntelliSense: Path IntelliSense automatically completes filenames and folder names.
  • ES7+ React/Redux/GraphQL/React-Native Snippets: Code snippets for React and related technologies.
  • WSL: Windows Subsystem for Linux (Ubuntu) to run code on remote machines.
  • Postman: Extension for API testing and development in VS Code.
  • Github Copilot: AI Powered Code Completion and Suggestions for simpler tasks.

Additional Extensions (AI coding assistants)

  • Claude Code: My frequently used extension for complex code generation, debugging, and refactoring in the IDE.
  • Codex: My rarely used extension but it's also really good at handling complex tasks and reasoning about large codebases.