Frontend IA.rbre 
¶
Ces instructions vont vous aider à installer et servir le frontend.
Configuration IDE recommandée¶
VSCode + Volar (et désactiver Vetur).
Support des types pour les importations .vue en TS¶
TypeScript ne gère pas par défaut les informations de type pour les importations .vue, donc nous remplaçons le CLI tsc par vue-tsc pour la vérification des types. Dans les éditeurs, nous avons besoin de Volar pour que le service de langage TypeScript soit conscient des types .vue.
Personnaliser la configuration¶
Voir Référence de configuration Vite.
Configuration du projet¶
Compiler et rechargement à chaud pour le développement¶
Vérification des types, compilation pour la production¶
Exécuter des tests unitaires avec Vitest¶
Exécuter des tests end to end avec Cypress¶
cd ../back && python manage.py runserver && cd ../front && npx vite --port=4173 && npx cypress run --e2e
Code coverage¶
Pour générer le rapport de coverage, ajouter CYPRESS_COVERAGE=true avant npx cypress run --e2e Un dossier coverage va être généré.