11 VS Code Extensions To Increase Your Productivity (2021)

After reading this article you have a good set of extensions to help you in day-to-day coding.

Bookmarks

To help you track snippets or components within your codebase
Bookmarks extension tutorial

Bracket Pair Colorizer 2

To help you track various brackets within the codebase
Bracket Pair Colorizer 2 example

GitLens

Supercharge your Git capabilities built into Visual Studio Code - Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more
Gitlens extension tutorial

Git Graph

View a Git Graph of your repository, and perform Git actions from the graph.

Path Intellisense

Visual Studio Code plugin that autocompletes filenames

Color Picker

Helper with GUI to generate color codes such as CSS color 

Stepsize 

Manage technical debt & prioritize refactoring work, all directly from VSCode.

Auto Close Tag

Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text.

Auto tag tutorial 1After typing in the closing bracket of the opening tag, the closing tag will be inserted automatically.

Vscode-icons

Icons for Visual Studio Code.

Vscode-pdf

Display pdf file in VSCode.

JavaScript Booster

Boost your productivity with advanced JavaScript/TypeScript refactoring and commands

Kite

AI code completions for all languages, intellisense, code snippets, code signatures, and cursor-following documentation for VS Code. Kite supports .js .jsx .vue .tsx .ts .css .html .less .c .cc .cpp .cs .h .hpp .m .scala .java

Happy coding!