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

Svelte Component Snippets

brysonbw

|
439 installs
| (0) | Free
svelte component code snippets for VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Svelte Component Snippets

Visual Studio Marketplace Visual Studio Marketplace

Visual Studio Code Extension for adding Svelte component snippets.

snippets in action

Features

These are simple Svelte component snippets. I've also added html single line and multiline comment snippets. I recommend to install Svelte Component Snippets along with Svelte 3 Snippets.

Snippets

Prefix Description
svc Svelte Component
svcsmc Svelte Component And Script Module Context
tssvc Typescript Svelte Component
tssvcsmc Typescript Svelte Component And Script Module Context
stylepostcss Style PostCSS
stylesass Style SASS
stylescss Style SCSS
hc-- HTML Comment
hmc-- HTML Multiline Comment

Full Expansions

svc - Svelte Component

<script>
   
</script>

<div>
   I love Svelte :)
</div>

<style>
   
</style>

svcsmc - Svelte Component And Script Module Context

<script context="module">

</script>

<script>
   
</script>

<div>
   I love Svelte :)
</div>

<style>
   
</style>

tssvc - Typescript Svelte Component

<script lang="ts">
   
</script>

<div>
   I love Svelte :)
</div>

<style>
   
</style>

tssvcsmc - Typescript Svelte Component And Script Module Context

<script lang="ts" context="module">

</script>

<script lang="ts">
   
</script>

<div>
   I love Svelte :)
</div>

<style>
   
</style>

stylepostcss - Style PostCSS

<style lang="postcss">
   
</style>

stylesass - Style SASS

<style lang="sass">
   
</style>

stylescss - Style SCSS

<style lang="scss">
   
</style>

hc-- - HTML Comment

<!-- <comment> -->

hmc-- - HTML Multiline Comment

<!--
<multiline_comment>
-->

Contributing

Contributions are welcome! If your interested in contributing reach out and message me on discord

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft