Avant de commencer
Avant de commencer ce tutoriel, je vous invite à verifier que votre poste de travail est connecté à internet et aussi que vous disposez d'un compte administrateur ou d'un compte ayant le droit d'apporter des modifications majeurs sur votre poste de travail.
Objectif :
L'objectif de ce tutoriel est de vous aider à mettre en place votre environnement de développement Ionic.
- Installation de Nodejs
Nodejs est un runtime javascript permettant l'exécution du js coté serveur. Nous allons l'installer car c'est la manière la plus simple d'avoir NPM qui nous servir par la suite d'installer ionic Framework.
Pour cela, allons sur le site officiel de node et rendons-nous dans la partie download. Vous aller nécessairement tomber sur une page resemblant à ceci.
Node existe sur deux versions :
La version LTS : Qui est la version de node la plus stable - recommandée;
La version Current : Qui est la version la plus recente.
Il est recommandé de télécharger et installer la version de node la plus récente car contrairement à la version current, la version LTS a déjà subit plusieurs corrections et mise à jour dans l'objectif de corriger de potentiels bugs.
En plus, Nodejs est disponible pour tout type de système d'exploitation. Il suffira donc de choisir la version LTS du système d'exploitation de votre ordinateur. Dans le cadre de ce tutoriel je ferai l'installation uniquement sur mac os. je tiens quand même à dire qu'il n'y a pas un grande différence entre l'installation sur Mac et sur les autres systèmes d'exploitation.
Un fois téléchargé, nous allons double cliquer sur le fichier d'installation. Après avoir cliqué, nous allons tomber sur une interface d'accueil. Passer cette interface en cliquant sur le bouton continuer.
Une fois fait vous devez cliquer sur continuer pour accepter le contrat de licence.
Le contrat de licence est maintenant accepté, nous pouvons choisir l'emplacement d'installation. Une fois fait cliquer sur continuer
L'interface ci-dessous permet de personnaliser l'installation du nodejs. Ne changé rien à ce niveau car l'installation standard vous suffira largement. Cliquer juste sur continuer.
Une fois fait, il vous sera demandé de vous authentifier si vous êtes sur mac os car l'installation va apporter des modifications majeurs sur votre machine. Saisissez votre mot de passe et cliquer sur suivant.
Une fois le mot de passe saisit, cliquer sur installer
Laisser l'installation finir, et fermer l'interface ci-dessous.
- Testons si node fonction et si nous avons accès à NPM
L'installation de node est maintenant finit. Nous allons tester s'il fonctionne bien et si nous avons également NPM. Rappelez-vous en installant nodejs nous installons également le Node Package Manager (NPM)
Pour tester @nodejs tapez la commande suivant sur votre terminal.
node --version
Le résultat attendu est le suivant :
Dépendant du moment ou vous installer @nodejs sur votre machine vous pouvez avoir une version différente.
Une fois @nodejs testé positif, nous allons voir si nous disposons maintenant de @NPM. Pour ça je vous invite à taper la commande suivant sur votre terminal
npm --version
Vous avez un résultat semblable ? super ! nous pouvons maintenant passer à l'installation de Ionic Framework.
- Installation de ionic Framework
L'installation de node est maintenant faite, nous pouvons donc utiliser NPM pour installer ionic. Grâce à NPM, nous pouvons facilement le faire en tapant la commande suivante.
npm install -g @ionic/cli
une fois fait, nous allons juste verifier, comme avec @node et @npm si l'installation à été réussie.
ionic --version
Si vous avez un résultat ressemblant à celui-ci, alors vous avez atteint votre objectif. Vous pouvez désormais créer vos projets ionic. D'ailleurs dans le prochain tutoriel je vous expliquerai comment faire.
Conclusion
La manière la plus simple d'installer ionic est de passer par le gestion de package NPM mais pour avoir NPM sur votre poste de travail vous devez installer @Nodejs. En installant nodejs vous installer également npm. En somme l'installation se fera en deux étapes :
- Installer Node
- Installation de ionic grâce à npm : npm install -g @ionic/cli
Si vous avez des questions, merci de les laisser en commentaire et si vous avez des sujets ionic framework que vous aimerez qu'on traite, écrivez les en commentaire également avec le hastage "Sujet".
Merci et bon partage!