Le framework Ionic est une boîte à outils d’interface utilisateur open source pour la création d’applications mobiles et de bureau à l’aide des technologies Web de base telles que HTML, CSS et JavaScript.
Ionic est conçu pour fonctionner et s’afficher magnifiquement sur tous les appareils mobiles et plates-formes actuels.
Cet article vous aidera à installer l’utilitaire de ligne de commande Ionic Framework sur votre système Ubuntu 20.04 LTS.
Conditions préalables
Connectez-vous à votre système Ubuntu en utilisant le super utilisateur sudo.
Mettez ensuite à jour les packages système vers les derniers.
sudo apt update && sudo apt upgrade
Étape 1 – Installer NodeJS
Tout d’abord, utilisez les commandes suivantes pour installer NPM et Node.js sur votre système.
La commande ci-dessous ajoutera PPA pour node.js à votre système.
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - sudo apt install nodejs
Étape 2 – Installez Cordova
Après avoir installé Node.js sur votre système, exécutez la commande suivante pour installer Cordova.
Cela installera également tous les modules de nodejs requis sur votre système.
sudo npm install -g cordova
Étape 3 – Installez Ionic sur Ubuntu 20.04
Ensuite, vous devez installer le module Ionic sur votre système.
Ionic fournit un utilitaire de ligne de commande pour créer des packages, construire et démarrer des applications.
Exécutez la commande NPM ci-dessous pour installer le framework Ionic sur votre système.
sudo npm i -g @ionic/cli
Après avoir terminé l’installation du framework Ionic, utilisez la commande suivante pour vérifier la version installée.
ionic -v 6.10.1
Étape 4 – Créer une application ionic
Maintenant, vous devez créer une nouvelle application Ionic sur votre ordinateur en exécutant la commande suivante.
ionic start
Suivez maintenant l’assistant:
-
- Sélectionnez entre React ou Angular.
- Maintenant, entrez un nom pour votre nouvelle application
- Sélectionnez un modèle de démarrage. Les détails de chaque modèle sont répertoriés à l’écran.
- Ensuite, intégrez votre nouvelle application avec Capacitor pour cibler iOS et Android natifs?
Après avoir terminé l’assistant, vous recevrez un message «Votre application Ionic est prête!».
Il affichera également les prochaines étapes à l’écran.
Maintenant, exécutez la commande ci-dessous à partir de votre répertoire d’application.
cd ionic-app ionic serve --host 0.0.0.0 --port 8100
Accédez ensuite à votre application ionique dans un navigateur Web à l’aide de l’adresse IP du système.
Conclusion
Dans ce didacticiel, vous avez appris à installer la CLI du framework Ionic sur le système Ubuntu.
Créez également et accédez à un exemple d’application Ionic.
Leave a Comment