Comment installer le cadre ionique sur Ubuntu 22.04

Si vous êtes un développeur Web qui cherche à créer des applications mobiles multiplateforme, vous devriez consulter le cadre ionique. Ionic Framework est utilisé par plus de 4 millions de développeurs dans le monde, ce qui en fait le cadre de développement d'applications à la croissance la plus rapide sur le marché. Cette plate-forme de développement open source vous permet de créer des applications avec HTML, CSS et JavaScript, qui peuvent ensuite être déployées sur iOS, Android et Windows Phone Devices.

Dans cet article, nous vous montrerons comment installer le cadre ionique sur Ubuntu 22.04 Utilisation du nœud.JS et NPM. Commençons!

Étape 1 - Installation de nœud.js

Nœud.JS est la principale exigence pour exécuter des applications angulaires. Vous pouvez installer le nœud requis.JS utilisant l'utilitaire de ligne de commande NVM. Connectez-vous à votre système Ubuntu et suivez:

1. Utilisez la commande suivante pour installer NVM:

   curl https: // brut.githubusercontent.com / créationix / nvm / maître / install.sh | frapper  

2. Activez maintenant le NVM ENVIORNEMNT sur votre système.

   source ~ /.bashrc 

3. À partir d'aujourd'hui, Angular 14 est la dernière version qui soupçonne le nœud.JS 14 LTS et 16 LTS Versions. La commande suivante installera le nœud.JS 16 sur votre système.

   NVM Installer v16 

Étape 2 - Installez le cadre ionique sur Ubuntu

Ensuite, vous devez installer le module de nœud ionique sur votre système. Ionic fournit et commandes l'utilitaire de ligne pour créer des packages, des applications de construction et de démarrage.

NPM Installer Cordova - Location = Global  

Exécutez la commande NPM ci-dessous pour installer le framework ionique sur votre système.

NPM Install @ ionic / CLI - Location = Global  

Après avoir terminé l'installation du cadre ionique, utilisez la commande suivante pour vérifier la version installée.

ionic -v  6.20.1 

Étape 3 - Créer une application ionique

Maintenant, vous pouvez créer une nouvelle application ionique sur votre système Ubuntu à l'aide des modèles de démarrage.

1. Utilisez la commande suivante pour afficher les modèles de démarrage disponibles

   Début ionique - Liste  

2. Sélectionnez un modèle selon vos exigences et créez une nouvelle application ionique. Vous pouvez également choisir un modèle vierge à démarrer:

   Ionic Start MyApp MyApp My-First-App  

   Ici myapp est le nom du nouvel application et ma première application est le nom du modèle de démarrage.

   Sortir votre application ionique est prête! Suivez ces prochaines étapes: - Accédez à votre projet cloné: CD ./ MyApp - Exécuter ionic Serve dans le répertoire de l'application pour voir votre application dans le navigateur - Exécutez un condensateur ionique ajouter pour ajouter un projet iOS ou Android natif à l'aide de condensateur - Générez l'icône de votre application et les écrans SPLASH à l'aide de Cordova-Res - Skip-Config - -Copy - Explorez les documents ioniques pour les composants, les tutoriels, et plus encore: https: // ion.Lien / Docs - Créer une application d'entreprise? Ionic a une prise en charge et des fonctionnalités de l'entreprise: https: // ion.Lien / Edition d'entreprise 

3. Maintenant, exécutez la commande ci-dessous pour servir l'application ionique.

   CD Ionic-App  service ionique  

   Cela commencera l'application ionique sur le port 8100. Vous pouvez accéder à votre application ionique dans un navigateur Web à l'aide de l'adresse IP localhost ou système.

   Exécution de l'application ionique sur Ubuntu

4. Vous pouvez également définir l'hôte et le port tout en exécutant l'application ionique comme ci-dessous:

   Service ionique - Host 0.0.0.0 --port 3005  

Pour plus de détails, visitez http: // ionicframework.com / docs / guide / installation.html

Conclusion

Dans ce tutoriel, vous avez appris à installer la CLI de la cadre ionique sur le système Ubuntu. Vous fournissez également des instructions pour créer et exécuter une nouvelle application ionique.