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

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

2. live share

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

3. eslint

Integrates ESMAScript Lint JavaScript into VS Code.

4. beautify

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

5. git history

View git log, file history, compare branches or commits

6. intellicode

AI-assisted development

7. color highlight

Highlight web colors in your editor

8. todo highlight

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

9. material icon theme

Material Design Icons for Visual Studio Code

10. one dark pro

Atom‘s iconic One Dark theme for Visual Studio Code

11. drakula offical

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

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

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

13. reactjs code snippets

Code snippets for Reactjs development in ES6 syntax

14. html snippets

Full HTML tags including HTML5 Snippets

15. markdown all in one

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

16. dotenv

Support for dotenv file syntax

17. rest client

REST Client for Visual Studio Code

18. github copilot

Your AI pair programmer

19. quokka.js

JavaScript and TypeScript playground in your editor.

20. babel javascript

VSCode syntax highlighting for today's JavaScript

21. prettier code formatter

Code formatter using prettier

22. tabnine ai autocomplete

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

Syntax highlighting for styled-components

24. path intellisense

Visual Studio Code plugin that autocompletes filenames

25. intellisence for css

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.