Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
July 17, 2021 03:59 pm GMT

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

bookmarks tutorial

VS Marketplace Link

Bracket Pair Colorizer 2

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

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 Graphtutorial

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 CloseTag

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

1

Auto tag tutorial1After 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!


Original Link: https://dev.to/jatinkrr/11-vs-code-extensions-to-increase-your-productivity-2021-29b1

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To