Component Boilerplate Generator

A powerful VS Code extension that generates component boilerplate code for React, Next.js, Angular, and Vue with customizable templates, styling options, and additional files.

✨ Features

• 🚀 Multi-Framework Support: React, Next.js, Angular, Vue
• 🎨 Multiple Styling Options: CSS Modules, Tailwind CSS, SCSS, Regular CSS
• 🧪 Test File Generation: Jest/Vitest compatible test files
• 📚 Storybook Integration: Generate story files for component documentation
• ⚡ TypeScript & JavaScript: Full support for both languages
• 🔧 Customizable Templates: Define your own templates via configuration
• 📁 Smart File Organization: Creates organized component folders

🚀 Quick Start

1. Install the extension
2. Open Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
3. Type "Generate Component"
4. Follow the prompts to create your component!

📋 Available Commands

🎯 Supported Frameworks

React

• Functional components with TypeScript/JavaScript
• CSS Modules, Tailwind, SCSS, regular CSS support
• Jest test files and Storybook stories

Next.js

• App Router compatible components
• Special file types: page.tsx, layout.tsx, loading.tsx, error.tsx
• Next.js optimized Storybook configuration

Angular

• Component, template, and stylesheet files
• SCSS and CSS support (Angular standard)
• Jasmine test files and Angular Storybook stories

Vue

• Single File Components (.vue)
• Composition API and Options API support
• CSS, SCSS styling options
• Vue Test Utils compatible tests

⚙️ Configuration

Create a boilerplate.config.json file in your workspace root to customize templates:

{
  "react": {
    "component": "// Your custom React template..."
  }
}

📸 Screenshots

🛠️ Requirements

• VS Code 1.74.0 or higher
• Node.js (for generated test files)

📝 Release Notes

1.0.0

• Initial release
• Multi-framework component generation
• Customizable templates and styling options
• Test and Storybook file generation

🤝 Contributing

Contributions are welcome! Please read our Contributing Guide for details.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙋‍♂️ Support

• GitHub Issues
• Documentation

Enjoy generating components with ease! 🚀