Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Create ComponentNew to Visual Studio Code? Get it now.
Create Component

Create Component

Pranshu Agrawal

|
3,763 installs
| (0) | Free
Create ReactJS, VueJS and React Native boilerplate components along with Test Cases and Storybook files in 5 seconds.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Create Component

Build Status

Create ReactJS, VueJS and React Native Components with advanced configuration in less than 5 seconds.

Features

  • Supports ReactJS, VueJS, React Native components.
  • You can choose between Typescript and Javascript.
  • You can choose between SCSS and CSS.
  • Optionally you can include storybook file.

How does it work?

Working

  • Install the extension in Visual Studio Code.
  • In the explorer tab of Visual Studio Code, right click on the directory you want to create the components in.
  • Click Create Component.
  • Select the Language / Framework you want to create the component of.
  • Select the features / files you want to include in the component.
  • Enter a valid component name. QuickPick will tell you if the name is not correct.
  • A new directory will be create with the component name along with the files inside it.
  • Happy Coding!

Roadmap

  • Support of other frameworks (like Preact).
  • Support of test case file.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft