Aurelia Snippets for VS Code
This extension for Visual Studio Code adds snippets for Aurelia for TypeScript, Javascript and HTML.
Usage
Type part of a snippet, press enter, and the snippet unfolds.
##TypeScript Snippets
au-configuration // creates an Aurelia startup configuration
au-bootstrapper // creates an Aurelia explicit startup configuration
au-feature // add a feature
au-plugin // add a plugin
au-useView // creates an Aurelia component
au-created, au-attached, au-bind, au-unbind // Aurelia component lifecycle
au-inject // Aurelia declaring dependencies
au-lazy, au-all, au-optional // Aurelia using resolvers contains
au-transient, au-singleton // Aurelia explicit registration
au-containerless // Aurelia containerLess Templating
au-computed // Aurelia declaring computed property dependencies
au-configureRouter // creates an Aurelia basic route configuration class
au-canActivate, au-activate, au-canDeactivate, au-deactivate // Aurelia screen lifecycle
au-customAttribute // Aurelia customAttribute Decorator
au-valueChanged // creates an Aurelia valueChanged function
au-subscribe // creates an Aurelia event aggregator subscribe function
Alternatively, press Ctrl+Space (Windows, Linux) or Cmd+Space (OSX) to activate snippets from within the editor.
##HTML Snippets
HTML language:
if // if.bind="expression"
with // with.bind="expression"
value // value.bind="expression"
input // input.bind="expression"
href // href.bind="expression"
click.delegate // click.delegate="delegate"
click.trigger // click.trigger="trigger"
repeat.for // rrepeat.for="item of list"
value.two-way, value.one-way, value.one-time // value.two-way="binding"
and etc.
Alternatively, press Ctrl+Space (Windows, Linux) or Cmd+Space (OSX) to activate snippets from within the editor.
##JavaScript Snippets
au-configuration // creates an Aurelia startup configuration
au-bootstrapper // creates an Aurelia explicit startup configuration
au-feature // add a feature
au-plugin // add a plugin
au-useView // creates an Aurelia component
au-created, au-attached, au-bind, au-unbind // Aurelia component lifecycle
au-inject // Aurelia declaring dependencies
au-lazy, au-all, au-optional // Aurelia using resolvers contains
au-transient, au-singleton // Aurelia explicit registration
au-containerless // Aurelia containerLess Templating
au-computed // Aurelia declaring computed property dependencies
au-configureRouter // creates an Aurelia basic route configuration class
au-canActivate, au-activate, au-canDeactivate, au-deactivate // Aurelia screen lifecycle
au-customAttribute // Aurelia customAttribute Decorator
au-valueChanged // creates an Aurelia valueChanged function
au-subscribe // creates an Aurelia event aggregator subscribe function
Alternatively, press Ctrl+Space (Windows, Linux) or Cmd+Space (OSX) to activate snippets from within the editor.
##Installation
- Install Visual Studio Code 0.10.x or higher
- Launch Code
- From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
- Select Install Extension
- Choose the extension
- Reload Visual Studio Code
