Les développeurs ont besoin d'outils pour les aider à créer des applications de la meilleure façon possible. C'est pourquoi il existe différents cadres. Bien que nous ayons récemment discuté de CakePHP, nous en aborderons aujourd'hui un très particulier car il est axé sur le mobile. Dans cet article, vous apprendrez à installer le framework Ionic dans Ubuntu 20.04.
Qu'est-ce que le cadre ionique ?
Ionic est un framework qui nous aide à développer des applications hybrides pour les systèmes d'exploitation mobiles mais utilisant les technologies web. En d'autres termes, cela nous permet de développer des applications pour iOS, Android et le Web, à partir d'une base de code unique.
Comme vous pouvez le constater, il est très polyvalent et aide les développeurs à déployer leurs applications dans divers environnements avec une seule base de code.
Les technologies Web utilisées par Ionic sont CSS, JS et HTML. À propos de JavaScript, il s'intègre parfaitement à Vue, Angular et ReactJS, réduisant ainsi la courbe d'apprentissage.
Aujourd'hui, vous allez apprendre à l'installer.
Installer Ionic Framework sur Ubuntu 20.04
Installation de certains packages nécessaires
Tout d'abord, avant de commencer l'installation, vous devez installer certains packages pour que l'installation puisse avoir lieu.
sudo apt update
sudo apt install curl gnupg2 wget git
Parmi ces packages se trouve git ce qui est très nécessaire pour créer l'ensemble du package Ionic.
Installer NodeJS sur Ubuntu 20.04
Ionic nécessite NodeJS pour fonctionner, nous devons donc l'installer. Dans mon cas, j'installerai la version 16.x mais ça doit marcher avec les autres.
Tout d'abord, ajoutez le référentiel pour la version 16.
curl -sL https://deb.nodesource.com/setup_16.x | sudo bash -Par la suite, vous pouvez installer NodeJS en exécutant la commande suivante
sudo apt install nodejs
Reading package lists... Done
Building dependency tree
Reading state information... Done
The following NEW packages will be installed:
nodejs
0 upgraded, 1 newly installed, 0 to remove and 49 not upgraded.
Need to get 26.2 MB of archives.
After this operation, 122 MB of additional disk space will be used.
Get:1 https://deb.nodesource.com/node_16.x focal/main amd64 nodejs amd64 16.14.0-deb-1nodesource1 [26.2 MB]
Fetched 26.2 MB in 0s (69.2 MB/s)NodeJS est maintenant installé et nous pouvons continuer.
Cordova est également requis pour Ionic
Une fois que nous avons NodeJS et donc NPM, nous pouvons poursuivre l'installation de Cordova.
D'après le site Web d'Apache Cordova :
Cordova est un framework de développement mobile open-source. Il vous permet d'utiliser les technologies Web standard - HTML5, CSS3 et JavaScript pour le développement multiplateforme.
Il n'est donc pas surprenant que Cordova soit une exigence pour l'installation d'Ionic. Pour l'installer, exécutez simplement la commande suivante.
sudo npm install -g cordova
Lorsque l'installation est terminée, nous pouvons continuer.
Installer Ionic Framework dans Ubuntu 20.04
Avec toutes les dépendances couvertes, nous pouvons installer Ionic Framework dans Ubuntu 20.04 simplement en exécutant la commande suivante
sudo npm i -g @ionic/cliVous pouvez vérifier la version installée en exécutant
ionic -vExemple de sortie
6.18.2Créer un nouveau projet avec Ionic
Il ne nous reste plus qu'à commencer à travailler. Tout d'abord, nous allons créer un nouveau projet en exécutant
ionic start
Il nous demandera si nous voulons utiliser l'assistant. J'ai choisi N .
Lors de l'exécution de la commande, il nous sera demandé le framework JS à utiliser, le nom du projet et le template à utiliser.
À la fin et s'il n'y a pas d'erreur, vous verrez un écran de sortie comme celui-ci :
Cela créera un nouveau dossier avec le nom de votre projet. Accédez-y et servez le projet.
cd [project-name]
ionic serve
Désormais, l'application sera disponible sur http://localhost:8000 .
Si vous avez installé Ionic sur une machine virtuelle ou sur un serveur, vous pouvez spécifier l'hôte et le port
ionic server --host [ip-address] --port [port] Ensuite, ouvrez un navigateur Web et accédez à l'adresse que vous avez définie pour Ionic et vous la verrez fonctionner.
Maintenant oui, Ionic fonctionne correctement, et nous allons pouvoir travailler.
Conclusion
Grâce à cet article, vous avez appris à installer ionic Framework dans Ubuntu 20.04 en utilisant une méthode simple et directe. J'espère que vous avez trouvé le message utile, et cela nous aiderait beaucoup si vous le partagez et le commentez.