7 must-have Visual Studio Code extensions for Angular

7 must-have Visual Studio Code extensions for #AngularJS:

  • With the extension the code put in the backticks will looks a lot nicer
  • Just type ng2 in your code and you will see a bunch of useful snippets suggestions.
  • If you aren not linting your code start now .
  • It will draw squiggly lines under the code where you have a problem and display a list of warnings & errors on hovering it.
  • If you already are, seeing linter those errors alongside the code is far more convenient than having to look for them in your terminal.

VS Code is awesome: it’s a really fast beast, it works splendidly with TypeScript and on top of that it is free. Crazy! Still… it can do better. The main idea here is that the editor itself is pretty…

@ReactiveConf: 7 must-have Visual Studio Code extensions for #AngularJS:

VS Code is awesome: it’s a really fast beast, it works splendidly with TypeScript and on top of that it is free. Crazy!

Still… it can do better. The main idea here is that the editor itself is pretty limited in functionality so we can customise it to our needs with the use of rich gallery of extensions, depending on what technology — languages, frameworks — we’re using it for.

Here is the selection of extensions that I found most helpful when working on Angular apps:

If you aren not linting your code yet, start now. 

If you already are, seeing linter those errors alongside the code is far more convenient than having to look for them in your terminal. That’s what TSLint extension enables.

It will draw squiggly lines under the code where you have a problem and display a list of warnings & errors on hovering it. You can also see the list of all detected problems in… well, the Problems panel.

How many times have you written the code for a component or, say, even things like a code for getting data from url and mapping the response to JSON object?

If you feel like there are more fun things to do with your time, you’re right. That is why it’s good to have some Angular code snippets at hand. Angular 2 TypeScript Snippets has several code pieces that cover the typical scenarios:

It is actually the most popular Angular-related VS Code extension by far and it probably didn’t hurt that it is written by the John Papa.

The similar story to the previous tool. This one is created by Dan Wahlin, another well known name in Angular community, and has a bit more snippets (14 in TypeScript and 12 in HTML). I have both of these extensions installed and haven’t yet decided which one I’ll stick with.

7 must-have Visual Studio Code extensions for Angular