Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Vue Extract ComponentNew to Visual Studio Code? Get it now.
Vue Extract Component

Vue Extract Component

dsalex1

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

vue-extract-component README

This extension makes it possible to extract a part of the template of a vue.js component into its own file.

Features

Select a part of the template section of a vue single file component, and run the command Extract Selection to Vue Component. Specify the name of the new component (omitting the .vue extension) and a new component with the selected content will be created in the folder of the active editor.

0.0.5

Code action Handling of scoped variables inside v-for's Organize imports for parent component and format document for new component

Full props extraction with types

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