https://github.com/proverbial-ninja/vscode-svelte-component-extractor

https://github.com/proverbial-ninja/vscode-svelte-component-extractor

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/proverbial-ninja/vscode-svelte-component-extractor
• Owner: proverbial-ninja
• Created: 2019-08-10T18:27:26.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-16T08:12:56.000Z (over 1 year ago)
• Last Synced: 2024-02-06T02:42:18.824Z (5 months ago)
• Language: JavaScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=proverbialninja.svelte-extractor
• Size: 116 KB
• Stars: 28
• Watchers: 2
• Forks: 2
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Lists

• awesome-svelte-resources - vscode-svelte-component-extractor - ninja</sub> - (integrations / editor tools)

README

        
# 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](https://media.giphy.com/media/UthaofeoJ7Dx4fGFAu/giphy.gif)

## New Feature

You can now create the new components in a subdirectory 

(only tested on mac might break on windows)

![Create Subdirectory Demo](https://media.giphy.com/media/Me18ZhF8HtTTBt6fcd/giphy.gif)