Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Vue Auto StorybookNew to Visual Studio Code? Get it now.
Vue Auto Storybook

Vue Auto Storybook

Mansur ATİK

|
96 installs
| (0) | Free
A Visual Studio Code extension that alphabetically organizes Vue component files' props and props defs sections and automatically generates Storybook files.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Generate Storybook Extension

Generate Storybook is a Visual Studio Code extension that helps you alphabetically organize the props and props defs sections inside Vue component files and automatically generate Storybook files.

Installation

  1. Open Visual Studio Code.
  2. Open the Extensions view (Ctrl+Shift+X).
  3. Search for "Generate Storybook" and install it.
  4. Restart Visual Studio Code to activate the extension.

Usage

The extension can be used to alphabetically organize the props and props defs sections within your Vue component files and automatically create Storybook files. Here's how to use it:

  1. Open a Vue component file.
  2. Trigger the "Generate Storybook" extension to run by assigning a command trigger (e.g., a keyboard shortcut) or by opening the command palette (Ctrl+Shift+P) and running the "Generate Storybook" command.
  3. The extension will sort the props and props defs sections and automatically generate the Storybook files.

License

This extension is licensed under the MIT License. For more information, please see the LICENSE file.

Contributing

If you'd like to provide feedback or contribute to the extension, please visit the GitHub repository: GitHub Repo


© 2023 Mansur ATİK

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