4 min lecture • Guide 191 of 877
Gestion de Projet pour Équipes de Développement Vue.js
Les équipes Vue.js ont besoin d'une gestion de projet qui comprend le développement de composants, la gestion d'état et les cycles de build modernes. GitScrum fournit des workflows optimisés pour les équipes frontend, avec une intégration Git profonde, des sprints agiles et une collaboration qui s'intègre à votre processus de développement Vue.
Structure de Projet Vue.js
Organisation par Contexte
STRUCTURE DE PROJET VUE DANS GITSCRUM:
┌─────────────────────────────────────────────────────────────┐
│ ORGANISATION POUR ÉQUIPES VUE │
├─────────────────────────────────────────────────────────────┤
│ │
│ LABELS PAR ZONE: │
│ ┌─────────────────────────────────────────────────────────┐│
│ │ 🟢 component → Développement de composants ││
│ │ 🔵 composable → Composables et hooks ││
│ │ 🟣 store → Pinia/Vuex state management ││
│ │ 🟡 router → Vue Router et navigation ││
│ │ 🟠 styling → CSS/SCSS/Tailwind ││
│ │ 🔴 build → Config Vite/Webpack ││
│ │ ⚪ testing → Vitest/Cypress/Playwright ││
│ └─────────────────────────────────────────────────────────┘│
│ │
│ COLONNES KANBAN: │
│ ┌─────────────────────────────────────────────────────────┐│
│ │ Backlog → Design → Dev → Review → QA → Done ││
│ │ ││
│ │ Alternative pour petites équipes: ││
│ │ To Do → In Progress → PR Review → Testing → Done ││
│ └─────────────────────────────────────────────────────────┘│
│ │
└─────────────────────────────────────────────────────────────┘
Workflow des Composants
Cycle de Vie des Tâches
DÉVELOPPEMENT DE COMPOSANT VUE:
┌─────────────────────────────────────────────────────────────┐
│ DE L'IDÉE À LA PRODUCTION │
├─────────────────────────────────────────────────────────────┤
│ │
│ 1. CRÉATION DE TÂCHE │
│ ┌─────────────────────────────────────────────────────────┐│
│ │ Titre: "Create DataTable component" ││
│ │ Labels: component, typescript ││
│ │ Checklist: ││
│ │ □ Props interface ││
│ │ □ Emits definition ││
│ │ □ Slots implementation ││
│ │ □ Composable extraction ││
│ │ □ Unit tests (Vitest) ││
│ │ □ Storybook story ││
│ └─────────────────────────────────────────────────────────┘│
│ │
│ 2. BRANCHE ET DÉVELOPPEMENT │
│ ┌─────────────────────────────────────────────────────────┐│
│ │ git checkout -b feature/TASK-123-data-table ││
│ │ ││
│ │ GitScrum détecte la branche et la lie à la tâche ││
│ │ Les commits apparaissent automatiquement dans la tâche ││
│ └─────────────────────────────────────────────────────────┘│
│ │
│ 3. PR ET REVIEW │
│ ┌─────────────────────────────────────────────────────────┐│
│ │ PR ouverte → Tâche passe à "Review" ││
│ │ PR approuvée → Notification dans GitScrum ││
│ │ PR mergée → Tâche passe à "Done" ││
│ └─────────────────────────────────────────────────────────┘│
│ │
└─────────────────────────────────────────────────────────────┘
Sprints pour Frontend
Planification de Sprint
SPRINT PLANNING VUE.JS:
┌─────────────────────────────────────────────────────────────┐
│ CAPACITÉ ET SCOPE │
├─────────────────────────────────────────────────────────────┤
│ │
│ CATÉGORIES D'EFFORT: │
│ ┌─────────────────────────────────────────────────────────┐│
│ │ 1 point → Composant simple (Button, Input) ││
│ │ 2 points → Composant moyen (Modal, Dropdown) ││
│ │ 3 points → Composant complexe (DataTable, Form) ││
│ │ 5 points → Feature complète (Dashboard, Settings) ││
│ │ 8 points → Epic (Système d'auth, Checkout flow) ││
│ └─────────────────────────────────────────────────────────┘│
│ │
│ SPRINT TYPIQUE (2 SEMAINES): │
│ ┌─────────────────────────────────────────────────────────┐│
│ │ • 20-30 story points (équipe de 3) ││
│ │ • 60% nouvelles features ││
│ │ • 20% bugs et dette technique ││
│ │ • 20% améliorations et refactors ││
│ └─────────────────────────────────────────────────────────┘│
│ │
└─────────────────────────────────────────────────────────────┘
Intégration avec Outils Vue
| Outil | Comment GitScrum Aide |
|---|---|
| Vite | Suivez builds et déploiements |
| Vue DevTools | Liez issues pour le debugging |
| Vitest | Suivez couverture par sprint |
| Storybook | Issues pour les stories |
| Pinia | Labels pour state tasks |
| Vue Router | Suivez routes dans les features |