Skip to content

What do you think about Visual Studio Marketplace? We are looking for feedback from developers like you! Take the survey

| Marketplace
Sign in
Visual Studio Code>Snippets>Svelte SnippetsNew to Visual Studio Code? Get it now.

Svelte Snippets

MrAmericanMike

|
76 installs
| (0) | Free
Svelte Snippets
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Svelte Snippets

This Extension adds snippets for Svelte.

Features

Snippets for script, markup and css sections.

Example:

$if will expand to:

{#if condition}
<!-- content -->
{/if}

$eachindexkey will expand to:

{#each items as item, index (key)}
<!-- content -->
{/each}

$global will expand to:

:global() { }

Many other snippets like:

$ifelse, $each, $eachindex, $eachkey, $await, $awaitthen, $import, $transition, $animate, $easing, $motion, $store, $internal, $$if, $$block, $$, $onmount, $ondestroy, $beforeupdate, $afterupdate, $writable, $readable, $html

Release Notes

0.0.3

Updated documentation. Added $html, $on

0.0.2

Renamed $svelte to $global for the CSS global snippet

0.0.1

Initial release of Svelte Snippets by MrAmericanMike


Requests - Ideas

Do you have a request or idea for the extension. Please post it on our Discussion Board on GitHub


Pending features

Determine if it's possible for a snippets extension to have a configuration option and use it so the final user can decide if they want single or double quotes


Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft