8 must have VSCode extensions to increase your productivity

3 min readJan 5, 2023

Extensions are add-ons that allow you to customize and enhance your experience in Visual Studio by adding new features or integrating existing tools. VS Code extensions let you add languages, debuggers, and tools to your installation to support your development workflow.

Path Intellisense

Visual Studio Code plugin that autocompletes filenames.

Better Comments

The Better Comments extension will help you create more human-friendly comments in your code.

With the Better Comments VS Code extension, you can categorize your annotations into alerts, queries, to-dos, highlights, etc.

You can use either of the following characters after double forward slash (//):

* for highlighted text
! for errors and warnings
? for queries and questions
// for strikethrough
TODO for to-dos

Snippets

Snippets are the best way to save time and increase productivity. Snippets is a collection of various extensions for the most commonly used programming languages.

Here are some of the popular code snippets:

Angular Snippets (version 13)
Vue 3 Snippets
Python
JavaScript (ES6) code snippets
HTML Snippets

Markdown All in One

Markdown All in One is a very useful extension for all things markdown related. It adds features like auto-preview, shortcuts, syntax autocomplete, and more.

For example, to bold some text in Markdown, you can select that text and use the shortcut Ctrl + B to increase your productivity.

Material Icon Theme

Icons also make development more fun. Having descriptive icons can help you differentiate between files and folders.

Prettier

Prettier is an opinionated code formatter that works particularly well if you have multiple people working on a single project, because the extension enforces a consistent style.

Prettier will automatically fix formatting issues in your code, like fixing the mix of single and double-quotes or an irregular use of semicolons.