VS Code React Component Generator

Installation

Visual Studio Marketplace

Launch Quick Open:

• Linux: Ctrl+P
• macOS: ⌘+P
• Windows: Ctrl+P

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.