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)
Great list! We're happy to be part of it :)
Thanx for comment. I'd love Tabnine, it's amazing product. And it really makes my life a lot easier.
We are SO happy to hear that! Thanks you 💛
Don't mention it :)
Thanks for your list.
It's my opinion but I will add Git Lens to your list ;).
Appreciated! Surely, I was thinking about it and somehow forgot. But everyone should have it for sure.