Oct 2026 · Workflow · ~6 min read
VS Code Extensions I Use Daily as a Frontend Developer
By Safdar Ali — frontend engineer, Bengaluru
A long extension list slows the editor and hides the tools that matter. These are the ones still enabled after I audit the list. The rest of the daily setup is smaller than people expect.
- ESLint. Shows the repo's rules in the editor. I trust the project config, not a personal ruleset.
- Prettier. Only if the repo already uses it. Format on save, and the config file wins.
- Tailwind CSS IntelliSense. Class names, when the project is Tailwind. Useless everywhere else, so it stays enabled per workspace.
- Pretty TypeScript Errors. Turns a four-line generic failure into something I can read before I open the type.
- Error Lens. Inline diagnostics so I do not wait until the next terminal run to see a type error.
- GitLens. Blame on the line I am changing, so I know who to ask and which commit introduced the behaviour.
What I skip
Icon theme packs, AI chat extensions that duplicate the one I already use, and any linter that is not the one in the repo. If a teammate cannot reproduce a red squiggle, the squiggle is my problem, not the code's.
Check the extensions into the conversation, not necessarily into the repo, unless the team agrees. A recommended list in the README is enough. Forcing installs on clone is how a workspace.json file starts fighting people.
If this helped you
I publish free tutorials and write-ups like this in my spare time — no paywall on the guides. If it saved you an afternoon of trial and error, you can support the work:
- Buy me a coffee at buymeacoffee.com/safdarali
- Subscribe to my YouTube channel — it's free; 70+ React & Next.js tutorials
Related reading
More guides on safdarali.in — same author, production-focused.
- Workflow
How I Use Cursor + Claude to Ship React Code 3x Faster
Not generic AI hype — Safdar Ali's Cursor AI React workflow: Agent mode, production review checklist, and how I ship Next.js 3× faster without slop.
May 2026Read article →
- Workflow
How I Use Git in a Real Team Environment
Git in a real team — branching, pull requests, review, and the commit habits that keep a React codebase understandable.
Oct 2026Read article →