Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Svelte Component ExtractorNew to Visual Studio Code? Get it now.
Svelte Component Extractor

Svelte Component Extractor

Proverbial Ninja

|
6,207 installs
| (3) | Free
Extracts highlighted code and creates a new component.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

svelte-extractor

This extension creates a new svelte component from higlighted text.

How to use

  1. Highlight code you want to extract
  2. Ctrl + Shift + P to run command pallete
  3. Select "Svelte Extract Component"
  4. Input new component Name
  5. Your new component is created and imported

Svelte Component Extractor Demo

New Feature

You can now create the new components in a subdirectory (only tested on mac might break on windows)

Create Subdirectory Demo

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