README

see document/Create Styled Components for Vscode.pptx

This extension is partially copied from github project below and changed templates for our project.
brendon1555/vscode-react-component-generator

It can create template components with typescript, jest test and storybook.

Our template will use the libraries below.
@testing-library/react
jest
typescript
@chakra-ui
react-i18next(for localize)

1. Download vsix file from dist folder.
   create-styled-components-0.0.1.vsix.
2. Click extension icon in VSCode.
3. Click the ... in top-right conner of the extension window.
4. Click the Install from VSIX in the submenu.
5. Select you downloaded vsix file and install it.

• Right click the folder in the sidebar where you want to create a component.
• Select Create Styled Component.
• Select Typescript(it is only select) and whether to include Storybook or Tests.
• Enter a name for the Component.
• A Component will be created in a directory named after your input.

• Open the command palette and type Create Styled Component, press Enter.
• Select Typescript(it is only select) and whether to include Storybook or Tests.
• Enter a name for the Component.
• A Component will be created in a directory named after your input.

You can access to the extension's settings through VSCode settings. You can customize:

Path relative to the workspace root to place components when not using the Explorer.

Only use Typescript.

It is for our project.

see here

npm install -g vsce

vsce package

more