VSCode extensions for Angular

Example Image


I now just install one extension that installs all the best angular extensions called Angular Essentials from John Papa
Example Image

Everything below here is reference to how I use to get all the extensions seperately.

I get asked every time I open VSCode what extensions I use for VSCode and Angular2. Here are my updated favorites. I have a lot more, but these are the ones I can not live without at the moment. Thanks to the authors of these plugins they rock.

1. angular2-switcher

Example Image

2. TypeScript Importer

Example Image

3. Wallaby.js


4. Angular 2 TypeScript Snippets

Example Image

5. tslint

Example Image

6. Path Autocomplete

Example Image

One to watch out for is https://github.com/angular/vscode-ng-language-service which gives you code completion in your HTML templates. I use it and a big fan of where this is going.

Figure: Autocomplete and errors in the HTML!

If you like these or want to suggest others, please leave a comment below!

Tweet Post Share Update Email RSS

Hi, I'm Duncan Hunter, I write this blog, work as a Software Architect in Australia, create courses for Pluralsight, travel the world speaking at events and training technology professionals.