Angular 6 TypeScript Snippets for VS Code by John Papa

Angular TypeScript Snippets for Visual Studio Code and these code snippets were created by John Papa. This is targeted for Angular 6+ release.

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

How to Install in your Angular Project?

Please follows this reference link for install – Angular 6 Snippets

Also you can explore the Snippets Changelog.

Usage - Types below snippet press enter, and the snippet unfolds.

TypeScript Angular Snippets –

Snippet	Purpose
`a-component`	component
`a-component-inline`	component with inline template
`a-component-root`	root app component
`a-directive`	directive
`a-guard-can-activate`	`CanActivate` guard
`a-guard-can-activate-child`	`CanActivateChild` guard
`a-guard-can-deactivate`	`CanDeactivate` guard
`a-guard-can-load`	`CanLoad` guard
`a-httpclient-get`	`httpClient.get` with Rx Observable
`a-http-interceptor`	Empty Angular `HttpInterceptor` for `HttpClient`
`a-http-interceptor-headers`	Angular `HttpInterceptor` that sets headers for `HttpClient`
`a-http-interceptor-logging`	Angular `HttpInterceptor` that logs traffic for `HttpClient`
`a-module`	module
`a-module-root`	root app module
`a-module-routing`	routing module file (forChild)
`a-output-event`	`@Output` event and emitter
`a-pipe`	pipe
`a-rxjs-import`	import RxJs features
`a-route-path-404`	404 route path
`a-route-path-default`	default route path
`a-route-path-with-children`	route path with children
`a-route-path-eager`	eager route path
`a-route-path-lazy`	lazy route path
`a-router-events`	listen to one or more router events
`a-route-params-subscribe`	subscribe to route parameters
`a-service`	service
`a-service-httpclient`	service with `HttpClient`
`a-ctor-skip-self`	angular `NgModule`'s `skipself` constructor
`a-subscribe`	Rx Observable subscription

For more detail explore below links-

https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2

https://angular.io/guide/styleguide

I hope all Angular developers, student, and lovers love these code snippets! Thank you very much for reading this article.

Pin it

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

                          You Might Also Like                
                         