Visual Studio Code is a popular and powerful code editor developed by Microsoft that offers a plethora of features and functionalities to developers. However, the real power of Visual Studio Code lies in its extensibility. With a vast library of extensions available, developers can customize and enhance the editor to suit their specific needs.
In this article, we will analyze the top 15 Visual Studio Code extensions that I personally use and I consider they can help improve your productivity and make your coding experience more enjoyable.
1. Live Server
Local development server with live reload feature for static & dynamic pages
2. ES6 Mocha Snippets
Mocha snippets for Visual Studio Code using ES6 syntax
3. Git History
VSCode extension to view git log, file history, compare branches or commits
4. Path IntelliSense
Extension that autocompletes filenames
5. Path Autocomplete
Provides path completion for visual studio code
6. Material Icon Theme
Adds icons for all the project files
7. Auto Rename Tag
Extension that renames paired HTML/XML tag
8. ESLint
Extension that integrates ESLint into VSCode. ESLint statically analyzes code to quickly find problems
9. Prettier
Code formatter that 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
10. Auto Close Tag
This extension automatically adds HTML/XML close tag
11. Highlight Matching Tag
Extension that highlights matching closing and opening tags
12. JavaScript (ES6) Code Snippets
Extension that provides code snippets for JS in ES6 syntax for VSCode editor. It supports both JavaScript and TypeScript
13. GitLens
This extension supercharges Git inside VSCode. It helps you visualize code authorship at a glance, seamlessly navigate and explore Git repositories, gain insights and so on
14. Code Runner
Run code snippet or code files for multiple languages (e.g. JS, PHP, Python, Java, C++, C, Ruby, Go, etc.)
15. Ayu MirageMod
A dark VS Code theme
16. JavaScript and TypeScript Nightly
power JS and TS intellisense
17. GitHub Actions
lets you manage your github actions workflows
18. GitHub Copilot
AI peer programming tool that helps you write code faster and smarter
19. GitHub Copilot Chat
chat for your github copilot AI peer programming tool
20. IntelliCode
provides AI assisted development features for python/js/ts/java developers
21. IntelliCode API Usage Examples
A feature that lets you see real-world examples of how other developers have used a given function
22. Playwright Test for VSCode
extension that integrates Playwright into your VS Code workflow
23. Pretty TypeScript Errors
make ts errors prettier and human-readable in VSCode
Enjoyed this article? Make sure to subscribe to my YouTube Channel for more Test Automation tutorials, and follow me on LinkedIn and Twitter for regular insights.
Looking to improve your test automation skills?
I’ve created a personalized 1-on-1 Mentoring program refined to boost YOUR skills. Reach out at iamrv@razvanvancea.ro for more details and together will create a learning path adapted to your current skills and goals that you are aiming for, in a timely-efficient manner🚀