Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>react create component(with styled-components)New to Visual Studio Code? Get it now.
react create component(with styled-components)

react create component(with styled-components)

Kim jonghun

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

createcomponent README

Create with react + styled-component

After right-clicking in the Explorer, select 'Create Component' from the menu, then enter the name in the input field to generate the component.

gif import failed

In your settings.json file, you can add the following configuration for customizing component creation:

Setting Description Default Value
useTypeFile It determines whether to include a separate Type file (type.ts) for the component props definitions. false
useStyleFile It determines whether to use a separate Style file (styled.ts) for the component. true
useArrowFunction true => const Component = () => {}, false => function Component() {} true
useDefaultExport setting that determines whether to use export or export default. true
includeComponentName Deciding whether to include the component name in the filenames of styled and type files. false

Example:

{
  "createComponent": {
    "useTypeFile": true,
    "useStyleFile": false,
    "useArrowFunction": false,
    "useDefaultExport": false
  }
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft