DEV Community

Jaxongir
Jaxongir

Posted on

25 VS Code Extensions For Productivity

VS Code extensions are created for improving developer productivity. As such knowing the most used extensions and using them no doubt a must for any level of developers. In today's post, I've gathered 25 VS Code extensions that I love using personally and you should too.

1. live server

Image description

Launch a development local Server with live reload feature for static & dynamic pages

2. live share

Image description

Real-time collaborative development from the comfort of your favorite tool with other developers in different parts of the world.

3. eslint

Image description

Integrates ESMAScript Lint JavaScript into VS Code.

4. beautify

Image description

Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code.

5. git history

Image description

View git log, file history, compare branches or commits

6. intellicode

Image description

AI-assisted development

7. color highlight

Image description

Highlight web colors in your editor

8. todo highlight

Image description

highlight TODOs, FIXMEs, and any keywords, annotations...

9. material icon theme

Image description

Material Design Icons for Visual Studio Code

10. one dark pro

Image description

Atom‘s iconic One Dark theme for Visual Studio Code

11. drakula offical

Image description

Official Dracula Theme. A dark theme for many editors, shells, and more.

12. es7+ react/redux/react-native snippets

Image description

Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.

13. reactjs code snippets

Image description

Code snippets for Reactjs development in ES6 syntax

14. html snippets

Image description

Full HTML tags including HTML5 Snippets

15. markdown all in one

Image description

All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)

16. dotenv

Image description

Support for dotenv file syntax

17. rest client

Image description

REST Client for Visual Studio Code

18. github copilot

Image description

Your AI pair programmer

19. quokka.js

Image description

JavaScript and TypeScript playground in your editor.

20. babel javascript

Image description

VSCode syntax highlighting for today's JavaScript

21. prettier code formatter

Image description

Code formatter using prettier

22. tabnine ai autocomplete

Image description

JavaScript, Python, Java, Typescript & all other languages - AI Code completion plugin. Tabnine makes developers more productive by auto-completing their code.

23. vscode styled components

Image description

Syntax highlighting for styled-components

24. path intellisense

Image description

Visual Studio Code plugin that autocompletes filenames

25. intellisence for css

Image description

CSS class name completion for the HTML class attribute based on the definitions found in your workspace.

More extensions

You can explore tons of more extensions in the VS CODE official website

Top comments (6)

Collapse
 
tabnine profile image
Tabnine

Great list! We're happy to be part of it :)

Collapse
 
johongirr profile image
Jaxongir

Thanx for comment. I'd love Tabnine, it's amazing product. And it really makes my life a lot easier.

Collapse
 
tabnine profile image
Tabnine • Edited

We are SO happy to hear that! Thanks you 💛

Thread Thread
 
johongirr profile image
Jaxongir

Don't mention it :)

Collapse
 
amiceli profile image
amiceli

Thanks for your list.
It's my opinion but I will add Git Lens to your list ;).

Collapse
 
johongirr profile image
Jaxongir

Appreciated! Surely, I was thinking about it and somehow forgot. But everyone should have it for sure.