https://github.com/brendon1555/vscode-react-component-generator
VSCode Extension to quickly create react component boilerplate with storybook and tests
https://github.com/brendon1555/vscode-react-component-generator
component component-generator extension react vscode vscode-extension
Last synced: 5 months ago
JSON representation
VSCode Extension to quickly create react component boilerplate with storybook and tests
- Host: GitHub
- URL: https://github.com/brendon1555/vscode-react-component-generator
- Owner: brendon1555
- License: mit
- Created: 2021-02-23T10:49:02.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-03-09T02:12:26.000Z (over 4 years ago)
- Last Synced: 2024-11-13T13:45:19.370Z (7 months ago)
- Topics: component, component-generator, extension, react, vscode, vscode-extension
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=brendon1555.react-component-generator
- Size: 151 KB
- Stars: 4
- Watchers: 2
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# VS Code React Component Generator
[](https://marketplace.visualstudio.com/items?itemName=brendon1555.react-component-generator)
[](https://marketplace.visualstudio.com/items?itemName=brendon1555.react-component-generator)
[](https://marketplace.visualstudio.com/items?itemName=brendon1555.react-component-generator)
## Installation
### Visual Studio Marketplace
Launch _Quick Open_:
- [_Linux_](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf): `Ctrl+P`
- [_macOS_](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf): `⌘+P`
- [_Windows_](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf): `Ctrl+P`
Paste the following command and press `Enter`:
```shell
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.