Entwickler benötigen Tools, die ihnen helfen, Anwendungen auf die bestmögliche Weise zu erstellen. Deshalb gibt es unterschiedliche Frameworks. Obwohl wir kürzlich über CakePHP gesprochen haben, werden wir heute ein sehr eigenartiges Thema ansprechen, da es sich auf Mobilgeräte konzentriert. In diesem Beitrag erfahren Sie, wie Sie das Ionic-Framework in Ubuntu 20.04 installieren.
Was ist Ionic Framework?
Ionic ist ein Framework, das uns bei der Entwicklung hybrider Anwendungen für mobile Betriebssysteme unter Verwendung von Webtechnologien hilft. Mit anderen Worten, es ermöglicht uns, Anwendungen für iOS, Android und das Web auf einer einzigen Codebasis zu entwickeln.
Wie Sie sehen können, ist es sehr vielseitig und hilft Entwicklern, ihre Anwendungen in verschiedenen Umgebungen mit einer einzigen Codebasis bereitzustellen.
Die von Ionic verwendeten Webtechnologien sind CSS, JS und HTML. Über JavaScript lässt es sich nahtlos in Vue, Angular und ReactJS integrieren, wodurch die Lernkurve verkürzt wird.
Heute lernen Sie, wie man es installiert.
Installieren Sie Ionic Framework auf Ubuntu 20.04
Installation einiger notwendiger Pakete
Bevor Sie mit der Installation beginnen, müssen Sie zunächst einige Pakete installieren, damit die Installation erfolgen kann.
sudo apt update
sudo apt install curl gnupg2 wget git
Zu diesen Paketen gehört git was sehr notwendig ist, um das gesamte Ionic-Paket zu erstellen.
Installieren von NodeJS auf Ubuntu 20.04
Ionic benötigt NodeJS, um zu funktionieren, also müssen wir es installieren. In meinem Fall werde ich Version 16.x installieren aber es muss mit anderen funktionieren.
Fügen Sie zuerst das Repository für Version 16 hinzu.
curl -sL https://deb.nodesource.com/setup_16.x | sudo bash -Danach können Sie NodeJS installieren, indem Sie den folgenden Befehl ausführen
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)Jetzt ist NodeJS installiert und wir können fortfahren.
Cordova ist auch für Ionic erforderlich
Sobald wir NodeJS und damit NPM haben, können wir mit der Installation von Cordova fortfahren.
Laut der Apache Cordova-Website:
Cordova ist ein Open-Source-Framework für mobile Entwicklung. Es ermöglicht Ihnen die Verwendung von Standard-Webtechnologien – HTML5, CSS3 und JavaScript für die plattformübergreifende Entwicklung.
Daher ist es nicht verwunderlich, dass Cordova eine Voraussetzung für die Installation von Ionic ist. Um es zu installieren, führen Sie einfach den folgenden Befehl aus.
sudo npm install -g cordova
Wenn die Installation abgeschlossen ist, können wir fortfahren.
Installieren Sie Ionic Framework in Ubuntu 20.04
Nachdem alle Abhängigkeiten abgedeckt sind, können wir Ionic Framework in Ubuntu 20.04 installieren, indem wir einfach den folgenden Befehl ausführen
sudo npm i -g @ionic/cliSie können die installierte Version überprüfen, indem Sie
ausführenionic -vBeispielausgabe
6.18.2Erstellen eines neuen Projekts mit Ionic
Jetzt müssen wir nur noch anfangen zu arbeiten. Zuerst erstellen wir ein neues Projekt, indem wir
ausführenionic start
Es wird uns fragen, ob wir den Assistenten verwenden möchten. Ich habe N gewählt .
Während der Ausführung des Befehls werden wir nach dem zu verwendenden JS-Framework, dem Namen des Projekts und der zu verwendenden Vorlage gefragt.
Am Ende und wenn kein Fehler vorliegt, sehen Sie einen Ausgabebildschirm wie diesen:
Dadurch wird ein neuer Ordner mit dem Namen Ihres Projekts erstellt. Greifen Sie darauf zu und dienen Sie dem Projekt.
cd [project-name]
ionic serve
Jetzt ist die Anwendung unter http://localhost:8000 verfügbar .
Wenn Sie Ionic auf einer virtuellen Maschine oder auf einem Server installiert haben, können Sie den Host und den Port angeben
ionic server --host [ip-address] --port [port] Öffnen Sie dann einen Webbrowser und greifen Sie auf die Adresse zu, die Sie für Ionic festgelegt haben, und Sie werden sehen, dass es funktioniert.
Jetzt ja, Ionic funktioniert korrekt und wir können arbeiten.
Schlussfolgerung
Dank dieses Beitrags haben Sie gelernt, wie Sie ionic Framework in Ubuntu 20.04 mit einer einfachen und unkomplizierten Methode installieren. Ich hoffe, Sie fanden den Beitrag nützlich, und es würde uns sehr helfen, wenn Sie ihn teilen und kommentieren.