Hello everyone in this article we are gonna see the best vscode extensions, because in nowadays vscode is one the most used code editors by different kind of developers, that's why there is a lot of researches about useful tools and extensions that makes working on vscode fun, That's why I'll cover extension used for web and mobile development as well, so let's start.

Auto Close Tag

Auto Close Tag This extension is created by Jun Han and it has over 2,430,250 installs, basically what it does it automatically add HTML/XML close tag, so it's helps achieving this thing without wasting your time.

Auto Rename Tag

Auto Rename Tag This extension is created by Jun Han and it has over 1,336,649 installs, basically what it does it Auto rename paired HTML/XML tags, it helps you rename the second tag automatically once you rename the first one.

Better Comments

Better Comments This extension is created by Aaron Bond and it has over 594,459 installs, this extension helps you improve your code commenting by creating more human-friendly comments in your code. With this extension, you will be able to categorise your annotations into:

  • Alerts
  • Queries
  • TODOs
  • Highlights
  • Commented out code can also be styled to make it clear the code shouldn't be there
  • Any other comment styles you'd like can be specified in the settings

Color Highlight

Color Highlight This extension is created by Sergii Naumov and it has over 400,236 installs, this extension highlights web colors in your editor directly which can be very useful.

GitLens — Git supercharged

GitLens — Git supercharged This extension is created by Eric Amodio and it has over 14,084,723 installs, GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to 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.

Image preview

Image preview This extension is created by Kiss Tamás and it has over 267,887 installs, this extension shows image preview in the gutter and on hover, it's one of the most useful extension because it gives you an image preview

Import Cost

Import Cost - 1 This extension is created by Wix and it has over 864,456 installs, this extension will display inline in the editor the size of the imported package. The extension utilizes webpack with babili-webpack-plugin in order to detect the imported size. Import Cost - 2

Live Server

Live Server This extension is created by Ritwick Dey and it has over 3,323,397 installs, this extension helps you launch a development local Server with live reload feature for static