Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Fdom92/stencil-snippets
An extension to add some snippets on vs code
https://github.com/Fdom92/stencil-snippets
snippets snippets-info stencil stencil-snippets vscode-extension vscode-snippets
Last synced: 5 days ago
JSON representation
An extension to add some snippets on vs code
- Host: GitHub
- URL: https://github.com/Fdom92/stencil-snippets
- Owner: Fdom92
- License: mit
- Created: 2017-08-14T06:52:37.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-09-22T09:11:10.000Z (about 5 years ago)
- Last Synced: 2024-08-01T13:16:52.949Z (3 months ago)
- Topics: snippets, snippets-info, stencil, stencil-snippets, vscode-extension, vscode-snippets
- Homepage: https://marketplace.visualstudio.com/items?itemName=Fdom-92.stencil-snippets
- Size: 23.4 KB
- Stars: 22
- Watchers: 3
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-stenciljs - Stencil Snippets - Stencil Snippets like st-component(generate component), st-prop(add new prop), st-event (add new @Event) etc. (Awesome IDE Specific Stencil Plugins/Snippets / Visual Studio Code)
README
# 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](https://github.com/Fdom92/stencil-snippets/blob/master/LICENSE)
## Source
[Github](https://github.com/Fdom92/stencil-snippets)