This extension automatically creates a new component folder with a React
component file, a CSS file, and an index file (by default .tsx and .ts ).
Usage:
In the Explorer, right-click on an existing folder
Choose Create Component Folder
Type your component name (e.g. Navbar ) and press Enter
The extension makes:
Navbar/
├ Navbar.tsx
├ Navbar.css
└ index.ts
To change the file extensions:
Open Preferences > Settings (or press Ctrl+, )
Search for Component Folder Extension
Or add to your settings.json:
"componentFolderExtension.componentFileExtension": ".jsx",
"componentFolderExtension.indexFileExtension": ".js"
componentFolderExtension.componentFileExtension sets the extension for the
React component file (default: .tsx )
componentFolderExtension.indexFileExtension sets the extension for the
index file (default: .ts )
| |