Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>create-react-component-with-test-fileNew to Visual Studio Code? Get it now.
create-react-component-with-test-file

create-react-component-with-test-file

JIaxi Yang

|
22 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

This extension allows you to quickly generate a React component and its corresponding test file in your Visual Studio Code workspace.

Features

Generates a React component file with a customizable template. Generates a test file for the generated component with a customizable template. Automatically creates a tests folder if it doesn't exist.

Usage

Open a file in Visual Studio Code.

Activate the extension by executing the command "Create React Component".

Enter the name of the component in the prompt dialog.

Press Enter to generate the component and test files.

The generated files will be saved in the same directory as the currently opened file:

  • Component file: {componentName}.tsx

  • Test file: tests/{componentName}.test.tsx

License

This extension is licensed under the MIT License.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft