Full Stack Project Generator
A powerful VS Code extension that automatically generates complete full-stack project structures with support for all major frontend and backend frameworks. Streamline your development workflow by quickly scaffolding production-ready projects with just a few clicks.
Features
🚀 Quick Project Setup: Generate complete full-stack projects in seconds
🎨 Multiple Frontend Frameworks: React, Vue.js, Angular, Svelte, Next.js, Nuxt.js, SvelteKit
⚙️ Multiple Backend Frameworks: Express.js, NestJS, Koa.js, Django, Flask, FastAPI, Laravel, Spring Boot
💻 Language Support: JavaScript, TypeScript, Python, PHP, Java
🎨 CSS Framework Integration: Tailwind CSS, Bootstrap, Material-UI, Chakra UI, Bulma
📁 Smart Project Structure: Organized folder hierarchy with best practices
🔧 Configuration Files: Automatic generation of TypeScript, Vite, and other config files
📦 Package Management: Automatic dependency installation
🔄 Git Integration: Optional Git repository initialization
🐳 Docker Support: Optional Docker configuration files
How to Use
- Open Command Palette: Press
Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (macOS)
- Run Command: Type "Create Full Stack Project" and select the command
- Follow the Wizard:
- Enter your project name
- Select frontend framework
- Select backend framework
- Choose programming language
- Pick CSS framework (optional)
- Configure project features
- Confirm and Generate: Review your configuration and create the project
Alternative Methods
- Explorer Context Menu: Right-click in the Explorer panel and select "Create Full Stack Project"
- Command Palette: Search for "Full Stack Generator: Create Full Stack Project"
Supported Technologies
Frontend Frameworks
- React - A JavaScript library for building user interfaces
- Vue.js - The Progressive JavaScript Framework
- Angular - Platform for building mobile and desktop web applications
- Svelte - Cybernetically enhanced web apps
- Next.js - The React Framework for Production
- Nuxt.js - The Intuitive Vue Framework
- SvelteKit - The fastest way to build svelte apps
Backend Frameworks
- Express.js - Fast, unopinionated, minimalist web framework for Node.js
- NestJS - A progressive Node.js framework for building efficient server-side applications
- Koa.js - Next generation web framework for Node.js
- Django - The web framework for perfectionists with deadlines
- Flask - A lightweight WSGI web application framework
- FastAPI - Modern, fast web framework for building APIs with Python
- Laravel - The PHP Framework for Web Artisans
- Spring Boot - Create stand-alone, production-grade Spring based Applications
Programming Languages
- JavaScript - Dynamic programming language for web development
- TypeScript - Typed superset of JavaScript
- Python - High-level programming language
- PHP - Server-side scripting language
- Java - Object-oriented programming language
Project Structure
Generated projects follow industry best practices with organized folder structures:
my-project/
├── frontend/ # Frontend application
│ ├── src/
│ ├── public/
│ ├── package.json
│ └── ...
├── backend/ # Backend API server
│ ├── src/
│ ├── package.json
│ └── ...
├── README.md
└── .gitignore
Requirements
- VS Code: Version 1.101.0 or higher
- Node.js: Required for JavaScript/TypeScript projects
- Python: Required for Python projects
- PHP: Required for PHP projects
- Java: Required for Java projects
Extension Settings
This extension contributes the following commands:
fullStackGenerator.createProject: Create a new full-stack project
Known Issues
- Git initialization requires Git to be installed and available in PATH
- Dependency installation requires the appropriate package manager (npm, pip, composer, etc.)
Release Notes
0.0.1
Initial release of Full Stack Project Generator
Features:
- Project generation wizard
- Support for React + TypeScript frontend
- Support for Express + TypeScript backend
- Template system architecture
- File and folder structure generation
- Git repository initialization
- Progress indication and error handling
Contributing
This extension is open source. Feel free to contribute by submitting issues or pull requests.
License
This extension is licensed under the MIT License.
Enjoy building full-stack applications faster with Full Stack Project Generator!
