Aurelia Snippets for VS Code
December 15, 2016 ยท View on GitHub
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