VS Code React Component Generator
Installation
Visual Studio Marketplace
Launch Quick Open:
Paste the following command and press Enter :
ext install brendon1555.react-component-generator
Usage
From Explorer
- Right click the folder in the sidebar where you want to create a component.
- Select
Create Component .
- Select whether to use Typescript, and include Storybook or Tests.
- Enter a name for the Component.
- A Component will be created in a directory named after your input.
From Command Palette
- Open the command palette and type
Generate Component , press Enter .
- Select whether to use Typescript, and include Storybook or Tests.
- Enter a name for the Component.
- A Component will be created in a directory named after your input.
Configuration
You can access to the extension's settings through VSCode settings. You can customize:
reactComponentGenerator.componentsPath (default: "" )
Path relative to the workspace root to place components when not using the Explorer.
| |