Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Dart Clean Architecture - Arq. Hex.New to Visual Studio Code? Get it now.
Dart Clean Architecture - Arq. Hex.

Dart Clean Architecture - Arq. Hex.

Edgardo Chiuchiolo

|
518 installs
| (2) | Free
🏗️ Genera automáticamente Clean Architecture para Flutter/Dart. Soporte completo para Monorepos Melos. Ahorra tiempo con estructura organizada desde el día 1.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Flutter Clean Architecture 🏗️

License: MIT Deployment Pipeline Downloads

Clean Architecture

Genera automáticamente la estructura completa de Clean Architecture (Arquitectura Hexagonal) para tus proyectos Flutter/Dart. ¡Ahorra tiempo y mantén tu código organizado desde el primer día!

✨ Ahora con soporte completo para Monorepos Melos

✨ Características Principales

🎯 Generación Automática de Estructura

  • Capas bien definidas: Data, Domain y Presentation siguiendo Clean Architecture
  • Exports automáticos: Genera archivos index.dart en cada carpeta
  • CRUD completo: Crea operaciones Create, Read, Update y Delete con un comando
  • Use Cases individuales: Agrega casos de uso específicos a features existentes

🚀 Soporte para Monorepos Melos

  • Detección automática: Identifica proyectos Melos sin configuración
  • Selector inteligente: Muestra solo las apps de tu monorepo (filtra packages)
  • Multi-proyecto: Trabaja con múltiples apps desde el mismo workspace

💬 Experiencia de Usuario Mejorada

  • Mensajes amigables: Notificaciones con íconos y detalles claros
  • Guías contextuales: Ejemplos en cada input para ayudarte
  • Sugerencias útiles: Tips cuando algo falta o hay un error

Requerimientos

Antes de utilizar esta extensión, asegúrate de tener instalado Visual Studio Code y la extensión Dart.

📦 Soporte para Monorepos Melos

¿Trabajas con múltiples apps en un mismo repositorio? ¡Esta extensión está diseñada para ti!

Cómo Funciona

  1. Detección automática: Al ejecutar cualquier comando, la extensión busca melos.yaml en tu proyecto
  2. Selector visual: Te muestra una lista elegante con todas tus apps Flutter
  3. Filtrado inteligente: Solo muestra apps (carpeta apps/), no packages compartidos
  4. Workflow consistente: Funciona igual que en proyectos normales, pero con la flexibilidad de elegir la app

Ejemplo en Melos

📦 Monorepo Melos - Selección de App
🎯 Selecciona la app donde crear la feature

📱 main_app         📂 apps/main_app
📱 admin_app        📂 apps/admin_app  
📱 customer_app     📂 apps/customer_app

Para más detalles, consulta MELOS_GUIDE.md

🚀 Instalación

  1. Abre VS Code
  2. Ve a Extensions (Ctrl+Shift+X o Cmd+Shift+X)
  3. Busca "Flutter Clean Architecture" o "flutter-arq-hex"
  4. Haz clic en Install

📖 Uso Rápido

Comandos Disponibles

Abre la paleta de comandos (Ctrl+Shift+P / Cmd+Shift+P) y busca:

Comando Descripción
Clean Architecture: Create Feature Crea una feature básica sin CRUD
Clean Architecture: Create Feature with CRUD Crea una feature completa con operaciones CRUD
Clean Architecture: Create Use Case Agrega un caso de uso a una feature existente

Paso a Paso

  1. Abre tu proyecto Flutter (normal o monorepo Melos)
  2. Ejecuta un comando desde la paleta
  3. Selecciona la app (si es monorepo) o confirma el proyecto actual
  4. Ingresa el nombre de la feature o use case
  5. ¡Listo! La estructura se genera automáticamente

Crear una nueva carateristica sin el CRUD

sin crud

Crear una nueva carateristica con el CRUD

con crud

Crear un caso de uso dentro de una feature

new feature

¡Listo! La estructura de carpetas y archivos para la arquitectura limpia ha sido generada. Puedes empezar a implementar tus clases y métodos.

Licencia

Esta extensión está bajo la licencia MIT.

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft