# VS Code and Angular 2: my TOP 3 favorites extensions


[Visual Studio Code](http://code.visualstudio.com/) has been **my favorite tool to build Angular apps** since 1 year ago (October 2015).

It comes with lots of good stuff from the “big” Visual Studio rich code editor, like code navigation, IntelliSense and refactoring, plus adds tons of productivity stuff in the context of web development and has TypeScript built-in, see: [http://code.visualstudio.com/docs/editor/editingevolved](http://code.visualstudio.com/docs/editor/editingevolved)

  

I particularly like the extensions model for productivity and I want to list here **my TOP 3 extensions used while working on an Angular 2 app with TypeScript**.

If you are new to VS Code you might want to read how to install extensions:  
[https://code.visualstudio.com/docs/editor/extension-gallery](https://code.visualstudio.com/docs/editor/extension-gallery)

## My TOP 3 Code Extensions

  

- **Angular 2 TypeScript Snippets** by John Papa

This is a must have! type “ng2-”… and you’ll get access to several TypeScript code snippets (think about code templates), some of them are available in your HTML files.

[![Angular 2 TypeScript Snippets by John Papa](https://aspblogs.blob.core.windows.net/media/lduveau/Windows-Live-Writer/VS-Code-and-Angular-2-my-favorites-exten_E25E/use-extension_thumb.gif "Angular 2 TypeScript Snippets by John Papa")](https://aspblogs.blob.core.windows.net/media/lduveau/Windows-Live-Writer/VS-Code-and-Angular-2-my-favorites-exten_E25E/use-extension_2.gif)

  

- **Path Intellisense** by Christian Kohler

This extension autocompletes filenames when you reference a file in your project, like a link to a css, a component template or an ES import.

[![Path Intellisense by Christian Kohler](https://aspblogs.blob.core.windows.net/media/lduveau/Windows-Live-Writer/VS-Code-and-Angular-2-my-favorites-exten_E25E/path_thumb.gif "Path Intellisense by Christian Kohler")](https://aspblogs.blob.core.windows.net/media/lduveau/Windows-Live-Writer/VS-Code-and-Angular-2-my-favorites-exten_E25E/path_2.gif)

  

- **Auto Import** by steoates

Sometimes I don’t want to import objects myself, so I auto import them!

[![Auto Import by steoates](https://aspblogs.blob.core.windows.net/media/lduveau/Windows-Live-Writer/VS-Code-and-Angular-2-my-favorites-exten_E25E/import_thumb.gif "Auto Import by steoates")](https://aspblogs.blob.core.windows.net/media/lduveau/Windows-Live-Writer/VS-Code-and-Angular-2-my-favorites-exten_E25E/import_2.gif)

  

What are your fav extensions ?

Feel free to comment!