When Microsoft released Visual Studio Code, I immediately switched to it because it was blazingly fast.

However, it was missing something. Extensions.

Finally Microsoft released the Marketplace.

Since then, I am always researching for the best extensions, but often they’re hidden by the oldest ones. So if you have something to suggest, please comment down, and I will add it on this list!

In the meanwhile, I suggest these amazing extensions that I use everyday!

Programming

1. expand-region

   

   The original expand-shrink region feature of vs-code does not work very well, this extension, works very well and it’s really similar to the Resharper Expand-Shrink region feature with ctrl+w and shift+ctrl+w

2. Code Ace Jumper

   

   I wasn’t able to find an ‘ace-jump’ extension on vscode, so I had to write it myself.
   This extension tries to emulate the famous ‘ace-jump’ extension available on Emacs.
   Trust me, once you try it you will never come back.

Snippets

1. Angular 1 JavaScript and TypeScript Snippets

   

   This extension generate snippets that follow the John Papa’s Angular 1 styleguide, in fact the author of the extension is John Papa itself.

2. Angular 2 JavaScript and TypeScript Snippets

   

   This extension is the same as the last one, but for Angular 2.

Linters

1. tslint

   This extension uses TSLint library for linting typescript files.

2. jshint

   This extension uses JSHint library for linting javascript files.

3. beautify css/sass/scss/less

   This extension beautifies css/sass/scss/less files on the fly.

4. HTMLLint

   This extension uses HTMLLint library for linting html files.

Tips & Tricks

1. Official Microsoft vscode Tips and tricks

   Full list of useful tips & tricks can be found here

2. Zen Mode

   On the vscode release 1.8 Zen Mode was released. Just try it by pressing ctrl+k z.

3. Icons

   On the vscode release 1.5 Icons theme was released. In order to enable it you can use File > Preferences menu or the Command Palette ctrl+shift+p search for File Icon Them.

   

   This will change your ugly vscode to this.

   

4. Multi cursor selection

   

   This shortcut comes handy when you need to modify multiple lines together.

   Mac: opt+cmd+up or opt+cmd+down

   Windows: ctrl+alt+up or ctrl+alt+down

   Linux: alt+shift+up or alt+shift+down

5. Cheat Sheet

   You don’t remember original vscode shortcuts? We have the Cheat Sheet (macOS, Windows, Linux)!