Guide d'utilisation de la CLI Ionic

Guide d'utilisation de la CLI Ionic

Salut les amis, Mbolo si tu es du centre du Cameroun.

Notre dernier tutoriel portait sur l'installation de Ionic. Pour parler avec plus de précision, nous avons installé la CLI de ionic. Aujourd'hui je me pose la question de savoir comment utiliser cette CLI pour travailler ?

Qu'est ce qu'une CLI ?

L'interface de ligne de commande Ionic (CLI) est votre outil de prédilection pour le développement d'applications Ionic. La CLI de ionic est conçue pour vous faciliter la vie en tant que développeur Ionic. Il facilite certaines manipulations qui à la base pourrait être complexe.

Nous allons voir dans la suite quelques possibilités que nous avons grâce à cette CLI.

Installation de la CLI de ionic.

Pour installer la CLI de Ionic, il faut tout d'abord installer nodejs et ensuite utiliser NPM pour installer ionic. La commande est la suivante :

npm install -g @ionic/cli

Si vous voulez avoir plus de détails, je vous invite à lire Ce tutoriel

Liste des commandes ionic les plus utilisées

Ionic start

La commande ionic start permet de créer un projet Ionic. Sa syntaxe complète est la suivante : ionic start nom_du_projet --blank

  • Ionic start : C'est la commande
  • nom_du_projet : Généralement c'est le nom de votre application
  • --blank est une option de la commande ionic qui permet de spécifié le type de templete que vous voulez. Il en existe plusieurs les plus connus et les plus utilisés sont: side menu, blank et tabs

Ionic serve

Cette commande permet de démarrer notre application sur le navigateur. Elle met en marche un serveur qui a pour but de prendre en considération les modifications que nous effectuons pendant le développement et nous donner à chaque fois un nouveau rendu. C'est ce qui est communément appelé le LIvereload.

ionic generate

Cette commande peut prendre plusieurs paramètres à la suite mais les plus communs sont les suivantes :

  • ionic generate page : Cette commande permet de créer automatiquement une nouvelle page dans le dossier App de votre projet.

  • ionic generate service : Cette commande permet de créer un nouveau service à la racine de votre projet ionic.

Ionic cordova platform add android

Avant de pouvoir déployer des applications sur des simulateurs et des appareils Android, le projet natif doit être configuré. Cette commande permet d'ajouter la plateforme Android à votre projet.

ionic cordova platform add ios

Contrairement à la commande précédente, celle-ci permet d'ajouter la Platform IOS à votre projet.

ionic cordova build

Construire (préparer + compiler) un projet Ionic pour une plateforme donnée. Nous pouvons ainsi avoir ionic cordova build android et ionic cordova build ios. Pour faire simple, cette commande va construire votre projet pour qu'il puisse tourner sur un téléphone physique.

ionic cordova run

Exécute un projet Ionic sur un appareil connecté. Pour cela connecter votre téléphone à l'aide de son cable à votre ordinateur avant de lancer la commande.

ionic cordova emulate

Cette commande va émuler un projet Ionic sur un simulateur / émulateur. Avant d'utiliser cette commande veillez lire la documentation pour effectuer les paramètres nécessaire.

La liste de commande est longue je vous ai listé dans ce tutoriel les commande que vous allez le plus utiliser. Bien-sur je vais de temps en temps faire la mise à jour de ce document avec de nouvelles commandes.

Conclusion

Il étais question ici de vous ce que c'est qu'une CLI et comment l'utiliser. Nous avons présenter quelques commande utiles également. Cette liste de commande n'est pas terminée je ferai des mise à jour de temps en temps. Mais si vous avez une question par rapport à une question, mettez la en commentaire.

Merci et bon partage !