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.

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
}
}
| |