DEV Community

loading...

11 VS Code Extensions To Increase Your Productivity (2021)

Jatin Kumar
Learning new tech everyday
・3 min read

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

bookmarks tutorial

VS Marketplace Link


Bracket Pair Colorizer 2

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

bracket pair colorizer 2 tutorial

VS Marketplace Link


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 lens tutorial

VS Marketplace Link


Git Graph

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

Git Graph tutorial

VS Marketplace Link


Path Intellisense

Visual Studio Code plugin that autocompletes filenames

path tutorial

VS Marketplace Link


Color Picker

Helper with GUI to generate color codes such as CSS color 

Color Picker tutorial

VS Marketplace Link


Stepsize 

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

stepsize tutorial

VS Marketplace Link


Auto Close Tag

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

1

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

2

VS Marketplace Link


Vscode-icons

Icons for Visual Studio Code.

icons tutorial

VS Marketplace Link


Vscode-pdf

Display pdf file in VSCode.

vscode-pdf tutorial

VS Marketplace Link


JavaScript Booster

Boost your productivity with advanced JavaScript/TypeScript refactoring and commands

booster tutorial

VS Marketplace Link


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

kite tutorial

VS Marketplace Link


Sign up for the Medium newsletter to get notified about the next blog JavaScript posts and possible future giveaways

Medium Newsletter

Twitter

LinkedIn


Happy coding!

Discussion (4)

Collapse
tamirazrab profile image
Tamir

Stepsize looks cool, I'm currently using Todo+, I'll give a try. Second I think Clipboard managers should be here marketplace.visualstudio.com/items... - They are the ultimate productivity boosters.

Collapse
jatinkrr profile image
Jatin Kumar Author

Thanks for sharing :)

Collapse
alex_barashkov profile image
Alex Barashkov
Collapse
jatinkrr profile image
Jatin Kumar Author

Nice tool. Thanks for sharing 🙏