Skip to content

Latest commit

 

History

History
46 lines (34 loc) · 1.45 KB

README.md

File metadata and controls

46 lines (34 loc) · 1.45 KB
Raw

Stencil Snippets

This extension adds some useful snippets on stencil tsx files.

Install

  • Launch Code (^1.15.0)
  • From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
  • Select Install Extension
  • Type stencil-snippets
  • Choose the extension
  • Reload Visual Studio Code

Using

Type part of a snippet, press enter, and the snippet unfolds.

Current Snippets

st-component  // Generate a new web component
st-prop       // Declares an exposed property/attribute
st-state      // Declares an internal state of the component
st-watch      // Declares a hook that runs when a property or state changes
st-element    // Declares a reference to the host element
st-method     // Declares an exposed public method
st-event      // Declares a DOM event the component might emit
st-listen     // Listens for DOM events

st-connected     // Add the connectedCallback life cycle.
st-disconnected  // Add the disconnectedCallback life cycle.
st-willload      // Add the componentWillLoad life cycle.
st-didload       // Add the componentDidLoad life cycle.
st-willrender    // Add the componentWillRender life cycle.
st-didrender     // Add the componentDidRender life cycle.
st-willupdate    // Add the componentWillUpdate life cycle.
st-didupdate     // Add the componentDidUpdate life cycle.

License

MIT License

Source

Github