All Projects → Fdom92 → stencil-snippets

Fdom92 / stencil-snippets

Licence: MIT license
An extension to add some snippets on vs code

Projects that are alternatives of or similar to stencil-snippets

vscode-react-javascript-snippets
Extension for React/Javascript snippets with search supporting ES7+ and babel features
Stars: ✭ 782 (+3623.81%)
Mutual labels:  snippets, vscode-extension, vscode-snippets
Markdown Formatter
markdown formatter
Stars: ✭ 70 (+233.33%)
Mutual labels:  snippets, vscode-extension
Vscode Surround
🔥A simple yet powerful extension to add wrapper templates around your code blocks
Stars: ✭ 60 (+185.71%)
Mutual labels:  snippets, vscode-extension
Processing Vscode
A Visual Studio Code extension for the programming language Processing
Stars: ✭ 141 (+571.43%)
Mutual labels:  snippets, vscode-extension
Vscode Unity Code Snippets
All snippets for Unity3D development
Stars: ✭ 26 (+23.81%)
Mutual labels:  snippets, vscode-extension
Vscode Smarty
Smarty syntax highlight extension for Visual Studio Code
Stars: ✭ 10 (-52.38%)
Mutual labels:  snippets, vscode-extension
Coddx Alpha
Coddx - a collection of tools that help developers program efficiently. One of the features is generating multiple files from templates quickly.
Stars: ✭ 132 (+528.57%)
Mutual labels:  snippets, vscode-extension
Vscode Es7 Javascript React Snippets
Extension for Javascript/React snippets with search supporting ES7 and babel features
Stars: ✭ 435 (+1971.43%)
Mutual labels:  snippets, vscode-extension
testcafe-snippets
Code snippets for TestCafe
Stars: ✭ 54 (+157.14%)
Mutual labels:  snippets, vscode-snippets
Symfony-code-snippets
Over 100 Symfony Code Snippets for PhP code And Over 80 Twig Code Snippets. Just type the letters 'sf' to get a list of all available Symfony Code Snippets. For Twig Just Type the Tag name and you will get AutoCompletion.
Stars: ✭ 15 (-28.57%)
Mutual labels:  snippets, vscode-snippets
vscode-R
R Extension for Visual Studio Code
Stars: ✭ 788 (+3652.38%)
Mutual labels:  snippets, vscode-extension
Vscode Badges
Snippets to quickly insert Shield.io badges into HTML, Markdown, reStructuredText or Textile documents
Stars: ✭ 19 (-9.52%)
Mutual labels:  snippets, vscode-extension
Vscode Angular Snippets
Angular Snippets for VS Code
Stars: ✭ 530 (+2423.81%)
Mutual labels:  snippets, vscode-extension
Vue Vscode Snippets
These snippets were built to supercharge my workflow in the most seamless manner possible.
Stars: ✭ 1,083 (+5057.14%)
Mutual labels:  snippets, vscode-extension
Vscode R
R Extension for Visual Studio Code (execution, snippet, lint, R documantation, R Markdown)
Stars: ✭ 445 (+2019.05%)
Mutual labels:  snippets, vscode-extension
Laravel Blade Snippets Vscode
Laravel blade snippets and syntax highlight support for Visual Studio Code
Stars: ✭ 80 (+280.95%)
Mutual labels:  snippets, vscode-extension
getx snippets extension
An extension to accelerate the process of developing applications with flutter, aimed at everyone using the GetX package.
Stars: ✭ 142 (+576.19%)
Mutual labels:  vscode-extension, vscode-snippets
vscode-django
Beautiful syntax and snippets for perfectionists with deadlines
Stars: ✭ 113 (+438.1%)
Mutual labels:  snippets, vscode-extension
vscode-gleam
📟 Gleam support for VS Code
Stars: ✭ 34 (+61.9%)
Mutual labels:  snippets, vscode-extension
Omi Snippets
🔖Visual Studio Code Syntax Highlighting For Single File React And Omi Components - 编写React和Omi单文件组件的VSC语法高亮插件
Stars: ✭ 149 (+609.52%)
Mutual labels:  snippets, vscode-extension

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].