vscode-svelte-component-snippets Svelte Themes

Vscode Svelte Component Snippets

Svelte Components Snippets VS Code Extension

Svelte Component Snippets

Visual Studio Code Extension for adding Svelte component snippets.

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

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes