ng-snippets for Visual Studio Code

ng-snippets is an extension generates HTML snippets of all Angular components within a project.

How to use

ng-snippets is extreamly easy to use. Once the extension is installed just run the "ng snippet":

• ctl + shift + p
• search & run 'ng snippets'

Now you are ready to go. Intellisense will be able to autocomplete any Angular component template within your project.

• start typing your Angular component selector in any html file
• select the snippet from the snippets dropdown

Where are my snippets stored?

Once you have run ng-snippets your project will have a vscode snippets file located:

.vscode/ng-project.code-snippets

Known Issues

• @Input() that use getter/setter functions are not formatted properly

Release Notes

0.0.7 beta

• update to README file

0.0.6 beta

• add project name from package.json as a snippet prefix
• do not generate snippet for a component without a selector

0.0.5 beta

• better support for setter functions
• fix a bug where @Input and @Outputs set with private/public decorators weren't formatted properly
• create .vscode directory if it doesn't already exist

0.0.4 beta

Initial release of ng-snippets.