Skip to main content

Command Palette

Search for a command to run...

Guide d'utilisation de la CLI Ionic

Updated
5 min readView as Markdown
Guide d'utilisation de la CLI Ionic
H

Hello everyone, I am a front-end / mobile developer and passionate about javascript.

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 !

K

Merci, pour tous les efforts que tu ( @herve ) faire.

1
H

Au plaisir ce type de commentaire me donne toujours envie de continuer. C'est toujours bien d'avoir un feedback de temps en temps.

Ionic angular framework

Part 2 of 14

Dans cette série, je vais partager avec vous ma passion pour le framework ionic angular. Je vous invite à lire tout les articles progressivement pour pouvoir bénéficier et mieux comprendre ce dramew.

Up next

Structure d'un projet Ionic

Bonsoir les amis. J'espère que vous allez bien et que vous avez lu les anciens tuto que j'ai publié car aujourd'hui nous allons continuer. Objectif Il sera question dans ce tutoriel de créer un projet Ionic et de voir la structure de ce projet. Donc...

More from this blog

Ionic framework

16 posts

Hi, my name is Hervé Yves NTONGA, i'm french speaker and i love ionic framework. I share my passion by writing french tutorials about Ionicframework