React Component Generator by KruII
A VS Code extension that allows you to generate React components with just one click.
Features
- Automatically creates a React component folder.
- Generates
.tsx , .module.css , and .test.tsx files.
- Integrates with the VS Code context menu for easy use.
Installation
- Open the Extensions view in VS Code (
Ctrl+Shift+X or Cmd+Shift+X ).
- Search for React Component Generator By KruII.
- Click Install.
OR click here to install from the Marketplace.
Usage
- Right-click on a folder in the Explorer pane.
- Select "Create a New React Component".
- Enter the name of the component when prompted.
- The extension will create the component folder and the following files:
<ComponentName>.tsx
<ComponentName>.module.css
<ComponentName>.test.tsx
Requirements
- VS Code version
1.96.0 or higher.
- Node.js and npm installed on your system.
- TypeScript should be configured in your React project to handle
.tsx files.
Known Issues
- The extension does not overwrite existing folders with the same name.
- Ensure you select a valid folder before running the command.
- No other known issues at this time. Please report any bugs or issues via the GitHub Issues page.
Contribution
Feel free to open an issue or submit a pull request if you have suggestions or find a bug.
License
This project is licensed under the MIT License.
| |