Tech, Frontend

Top 10 VSCode extensions

Top 10 VSCode extensions - Stijn Elskens Cover
The top 10 VSCode extensions to boost your productivity!

1. Auto import - ES6, TS, JSX, TSX

Automatically finds, parses and provides code actions and code completion for all available imports. Works with JavaScript (ES6) and TypeScript (TS).

2. Prettier - Code formatter

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

3. Headwind

Headwind is an opinionated Tailwind CSS class sorter for Visual Studio Code. It enforces consistent ordering of classes by parsing your code and reprinting class tags to follow a given order.

4. Gitlens

GitLens supercharges Git inside VS Code and unlocks untapped knowledge within each repository. It helps you to visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more.

5. Color Highlight

This extension styles css/web colors found in your document.

6. Auto Rename Tag

Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.

7. ESLint

Integrates ESLint into VS Code.

8. TailwindCSS IntelliSense

Tailwind CSS IntelliSense enhances the Tailwind development experience by providing Visual Studio Code users with advanced features such as autocomplete, syntax highlighting, and linting.

9. JavaScript (ES6) code snippets

This extension contains code snippets for JavaScript in ES6 syntax for VSCode editor (supports both JavaScript and TypeScript).

10. Path Intellisense

I still struggle with paths so this is a helpful plugin!