webcomponent-generator

This extension creates an webcomponet for you and inserts it into your current window. The name is derived from the filename you are working on.

Marketplace Link: https://marketplace.visualstudio.com/items?itemName=jeremyrajan.webcomponent-generator

Install

• Open VS Code
• Press F1
• Type "install"
• Select "Extensions: Install Extension".
• Select Webcomponents from the list

Usage

Open the command palette and look for:

• Create Webcomponent ES5 (which will create v0 spec using registerElement)
• Create Wecomponent ES6 (which will create v1 spec using customElements)

Support

http://caniuse.com/#search=custom