This extension adds a series of code snippets that will help you when developing ADPC Web Components:
Full boilerplate Polymer 2.0 Web Component
Properties ( String, Number )
Repeating Dom Templates
iron-ajax calls to get data from ADPC Services
host style (css) overrides
dispatch events and event listeners
Release 1.0.0
Initial release
Release 1.0.1
Split snippets in HTML, Javascript and CSS files
Release 1.0.2
Added table, dom repeat and import snippets
Using
Type part of a snippet (NOTE: All snippets begin with adpc-, press enter.
Installation
Install Visual Studio Code 0.10.1 or higher
Launch Code
From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
Select Install Extension
Type ADPC-html
Choose the extension
Reload Visual Studio Code
Snippet Listing
HTML
| snippet | description |
|--- |--- |
| adpc-ia | inserts an tag with attributes |
| adpc-dr | inserts a with a dom repeater |
| adpc-impc | inserts a with href='import' |
| adpc-tbl | inserts table markup with headers and a dom-repeat body |
| adpc-il | inserts a link for importing a library |
| adpc-iw | inserts a link for importing an ADPC Web Component |
JAVASCRIPT
| snippet | description |
|--- |--- |
| adpc-ps | inserts a string property on a Polymer class |
| adpc-pn | inserts a number property on a Polymer class |
| adpc-de | inserts a dispatch event function |
| adpc-el | inserts a dom element event listener function |
