neovacitentwicklung/vscode-angular2-snippets

vscode-angular2-snippets

Angular TypeScript Snippets for VS Code

Now Updated for Angular 2.4 release

This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML.

Usage

Type part of a snippet, press enter, and the snippet unfolds.

TypeScript Snippets

a-bootstrap       // Angular bootstrapping, for main.ts
a-component       // Angular component
a-component-root  // Angular root app component
a-http-get        // Angular http.get with Rx Observable
a-module          // Angular module
a-module-root     // Angular root app module
a-pipe            // Angular pipe
a-routing         // Angular routing
a-service         // Angular service
a-subscribe       // Angular Rx Observable subscription

###HTML Snippets

a-ngClass
a-ngFor
a-ngIf
a-ngModel
a-routerLink
a-ngStyle
a-ngSwitch
a-prej
a-preja

Alternatively, press Ctrl+Space (Windows, Linux) or Cmd+Space (OSX) to activate snippets from within the editor.

Installation

1. Install Visual Studio Code 0.10.1 or higher
2. Launch Code
3. From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
4. Select Install Extension
5. Choose the extension
6. Reload Visual Studio Code