5 Essential VSCode Extensions

A list of 5 essential VSCode extensions that will make your life easier.

Estimated reading time: 2 minute(s)

1. Prettier

Prettier is an opinionated code formatter that supports various languages. It helps you maintain a consistent code style across your codebase. You can configure Prettier to format your code automatically on save or manually using a keyboard shortcut. You can check out the Prettier extension on the VSCode Marketplace.

2. ESLint

ESLint is a pluggable linting utility for JavaScript and JSX. It helps you catch errors and enforce coding standards in your codebase. You can configure ESLint to run automatically on save or manually using a keyboard shortcut.

3. GitLens

GitLens supercharges the Git capabilities built into VSCode. It helps you visualize code authorship at a glance, navigate and explore Git repositories, and gain valuable insights via powerful comparison commands.

4. Auto Import

Auto Import automatically finds, parses, and provides code actions and code completion for all available imports. It works with TypeScript, JavaScript, and TSX files. You can check out the Auto Import extension on the VSCode Marketplace.

5. Auto Rename Tag

Auto Rename Tag automatically renames paired HTML/XML tags. It saves you time and effort by updating the matching tag when you rename one of the tags. You can check out the Auto Rename Tag extension on the VSCode Marketplace.