Extensions
Extensions add features to VS Code: linting, formatting, language support, and more. Install them from the Extensions panel (Cmd + Shift + X). Start with a few useful ones; too many can slow the editor down.
Popular for web dev:
- ESLint -> shows code problems
- Prettier -> auto-formats code
- Tailwind CSS IntelliSense -> class autocomplete
- GitLens -> see who changed each line
- Error Lens -> errors shown inline
// settings.json: format on save
{
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode"
}