• 20 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 28/11/2019

Préparez l’environnement de développement

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Qu'est-ce que le CLI ?

Le CLI, ou "Command Line Interface" d'Ionic, un outil permettant d'exécuter des commandes depuis la console, permet d’exécuter des scripts pour la création, la structuration et la production d’une application Ionic.

Pour l’installer de manière globale sur votre machine, vous aurez besoin de quelques outils, si vous ne les avez pas déjà :

NODE.JS

Téléchargez et installez la dernière version LTS de Node.js, ici :

https://nodejs.org/en/download/

NPM

NPM est un package manager qui permet l’installation d’énormément d’outils et de librairies dont vous aurez besoin pour tout type de développement.  Pour l’installer, ouvrez une ligne de commande et tapez la commande suivante :

npm install -g npm@latest

IONIC CORDOVA

Vous allez maintenant installer les outils Ionic et Cordova de manière globale sur votre machine avec la commande suivante (avec sudo si besoin) :

npm install -g ionic cordova

À partir de là, la commande  ionic  est disponible depuis la ligne de commande, depuis n’importe quel dossier de l’ordinateur.

Création d'un nouveau projet

Maintenant que le CLI d'Ionic est installé de manière globale sur votre ordinateur, vous pouvez vous en servir pour créer un projet Ionic.  Naviguez vers le dossier où vous stockerez votre projet et exécutez la commande suivante :

ionic start mon-projet-ionic blank

Cette commande crée un nouveau projet de type "blank", c'est-à-dire sans contenu pré-généré, qui sera le projet sur lequel vous travaillerez dans ce cours.  Pour lancer le serveur de développement, entrez dans le dossier créé et exécutez  ionic serve  :

cd mon-projet-ionic
ionic serve

Tout comme  ng serve  pour Angular,  ionic serve  lance un serveur de développement qui se recharge à chaque modification de fichier.  Naviguez à  localhost:8100  pour visualiser l'application.  Je vous conseille d'utiliser Chrome pour cela, car les devtools permettent de passer en mode mobile, et même de choisir le type d'appareil.

Exemple de certificat de réussite
Exemple de certificat de réussite