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.