Visual Studio Code is a powerful text editor, but it can be even more powerful with the right extensions. Here’s a list of some essential extensions that can help you boost your productivity and streamline your workflow.
Auto Complete Tag - Extension Packs to add close tag and rename paired tag automatically for HTML/XML.
Auto Import - An extension that automatically imports missing modules as you type, saving you time and reducing the chance of errors.
Better Comments - Improve your code commenting by annotating with alert, informational, TODOs, and more!
Bookmarks - Mark lines and jump to them.
ChatGPT: write and improve code using AI - Use ChatGPT right inside the IDE to enhance and automate your coding with AI-powered assistance (unofficial).
Code Runner - An extension that allows you to run your code directly from VSCode, with support for multiple languages and automatic output formatting.
Color Picker - An extension that makes it easy to pick and use colors in your code, with a color picker and palette of common colors.
Console Ninja - JavaScript console.log output and runtime errors right next to your code.
Debugger for Chrome - An extension that allows you to debug your JavaScript code directly in Chrome, with full support for breakpoints, call stacks, and more.
Docker - Makes it easy to create, manage, and debug containerized applications.
ESLint - An extension that helps you write more consistent and error-free code by linting your code for potential issues.
GitLens - An extension that adds powerful Git functionality to VSCode, including visualizations of changes, blame annotations, and more.
IntelliCode - The Visual Studio IntelliCode extension provides AI-assisted development features for Python, TypeScript/JavaScript and Java developers in Visual Studio Code, with insights based on understanding your code context combined with machine learning.
IntelliCode API Usage Examples - See relevant code examples from GitHub for over 100K different APIs right in your editor.
Jupyter - Jupyter notebook support, interactive programming and computing that supports Intellisense, debugging and more.
Live Server - An extension that allows you to run a local web server and preview your HTML, CSS, and JavaScript changes in real-time.
Markdown Preview Enhanced - Markdown Preview Enhanced ported to vscode.
Material Icon Theme - An extension that changes the default icons in the explorer to a more modern and minimalistic design.
Multiple cursor case preserve - Preserves case when editing with multiple cursors.
open in browser - This allows you to open the current file in your default browser or application.
Postman - Streamline API development and testing with the power of Postman, directly in your favorite IDE.
Prettier - An extension that automatically formats your code to conform to a consistent style.
SonarLint - SonarLint is an IDE extension that helps you detect and fix quality issues as you write code in C, C++, Java, JavaScript, PHP, Python, HTML and TypeScript.
SQLTools - Connecting users to many of the most commonly used databases. Welcome to database management done right.
Thunder Client - Lightweight Rest API Client for VS Code.
Turbo Console Log - Automating the process of writing meaningful log messages.
vscode-spotify - Use Spotify inside vscode.
XML Tools - XML Formatting, XQuery, and XPath Tools for Visual Studio Code.
These are just a few examples of the many useful extensions available for Visual Studio Code. Experiment with different extensions to find the ones that work best for you and your workflow.
Check out my Visual Studio Code Extensions:
by Philipp B.