Utilisation de la Ligne de Commande Ionic Generate
Objectifs
Les objectifs de cette vidéo sont d'apprendre à utiliser la commande Ionic Generate, créer une page, et organiser le contenu initial de celle-ci.
Résumé
Cette leçon montre comment créer une page dans un projet Ionic à l'aide de la ligne de commande.
Description
Dans cette leçon, nous allons explorer comment générer une nouvelle page dans un projet Ionic en utilisant la commande Ionic Generate. Nous commencerons par ouvrir un terminal et nous positionner à la racine de notre projet pour exécuter la commande. En choisissant le type d'élément à générer (dans notre cas, une page) et en spécifiant le chemin et le nom de la page, nous allons créer une nouvelle page intitulée List Annonce dans le dossier Page. Après l'exécution de cette commande, nous verrons que le dossier List Annonce a été ajouté à l'intérieur du dossier App, avec tous les fichiers nécessaires à une page Ionic. Nous observerons également que le fichier AppRoutingModule a été automatiquement modifié pour inclure une route vers notre nouvelle page.
Avant de poursuivre, nous supprimerons la route vers la page Home et supprimerons le dossier correspondant, faisant de notre page List Annonce la page d'accueil de l'application pour l'instant. Une fois cela fait, nous ajusterons le contenu HTML de la page en ajoutant deux annonces statiques pour démontrer la structure de base. Nous verrons comment le header (IonHeader) et le contenu (IonContent) sont utilisés pour organiser la page. Enfin, nous relancerons le serveur pour visualiser le résultat.