Overview Version History Q & A Rating & Review
⚠️ This extension is under active development. Features may change, and feedback is welcome.
Automatically generate and maintain index.ts files for your React component folders. Save time managing imports and exports!
Features
Right-click a components folder → generate index.ts automatically
Automatically updates when components are added, removed, or renamed
Skips files without a default export and shows a warning
Supports .tsx and .jsx files
Requirements
VS Code ≥ 1.80Node.js environment for building TypeScript (if using your own dev setup)
No additional dependencies are needed for using the extension.
Extension Settings
This extension does not currently add any configurable VS Code settings, but future updates may include options for:
Ignoring certain files or folders
Customizing auto-update behavior
How to Use
Right-click the folder containing your React components
Click Extract Components
An index.ts file will be created and automatically updated as you add, remove, or rename components
Skipped files (without export default) are shown in a notification
Known Issues
Only files with a default export are included in index.ts
Files with unusual syntax or complex exports may not be detected
Currently, the watcher only runs after clicking Extract Components for the first time
Release Notes
0.0.1
Initial preview release
Right-click folder → generate index.ts
Automatic updates on file changes
Skips files without default export
Future
Settings for ignoring files/folders
Language support improvements
Better error handling
Following Extension Guidelines
Working with Markdown
Split editor: Ctrl+\ (Windows/Linux) or Cmd+\ (macOS)
Toggle preview: Shift+Ctrl+V (Windows/Linux) or Shift+Cmd+V (macOS)
Press Ctrl+Space (Windows/Linux/macOS) for Markdown snippets
Enjoy using Component Extractor! Feedback is welcome to make it even better.
