Lassen Sie uns heute lernen, wie Sie Ionic installieren, um eine einfache kleine Anwendung auf Ihrem Computer zu erstellen. Viele Websites schreiben sehr komplizierte Installationsmethoden. Tatsächlich haben Anfänger, die gerade erst anfangen, Ionic zu lernen, insbesondere diejenigen, die nicht viel Programmiererfahrung haben, und haben sie Angst? Es fühlt sich so kompliziert an, welche Art von Node.js -Umgebung für die Installation und die Installation der neuesten Version von Cordova benötigt wird ... Eigentlich muss sie nicht so mühsam sein. Lassen Sie mich Ihnen sagen, wie ich Ionic benutze, wenn ich an Projekten arbeite.
Die erste Methode: Stellen Sie sie direkt vor
Schritt 1: Ionic zuerst herunterladen
Die neueste Version von Ionic wird unter: http://ionicframework.com/docs/overview/#download heruntergeladen.
Entpacken Sie nach dem Herunterladen das komprimierte Paket einschließlich der folgenden Verzeichnisse:
Die Codekopie lautet wie folgt:
CSS/ => Style -Datei
Schriftarten/ => Schriftart Datei
JS/ => JavaScript -Datei
Version.json => Version Update Anweisungen
Sie können auch die folgende Ressourcendatei auf GitHub herunterladen: https://github.com/droftyco/ionic (im Release -Verzeichnis).
Schritt 2: Dateien einführen
Als nächstes müssen wir nur die CSS/Ionic.min.css und JS/Ionic.bundle.min.js -Dateien im obigen Verzeichnis in das Projekt einführen, um eine ionische Anwendung zu erstellen.
<Ion-Header-Bar> <h1> Hallo Welt! </p> </Ion-Inhalt>
HINWEIS: In mobilen Anwendungen wie PhoneGap müssen wir nur die entsprechenden JS- und CSS -Dateien zur Ressourcenbibliothek hinzufügen.
Die zweite Methode: Befehlszeileninstallation
Zuerst müssen Sie node.js. Installieren Sie dann die neuesten Versionen von Cordova und Ionic über das Befehlszeilenwerkzeug. Installieren Sie sich auf die offizielle Android- und iOS -Dokumentation.
Öffnen Sie das Befehlszeilen -Tool im Fenster und Linux, um den folgenden Befehl auszuführen:
Die Codekopie lautet wie folgt:
$ npm install -g cordova ionic
Verwenden Sie die folgenden Befehle in Ihrem Mac -System:
Die Codekopie lautet wie folgt:
sudo npm install -g cordova ionic
TIPP: iOS muss unter Mac OS X und Xcode -Umgebungen installiert und verwendet werden.
Wenn Sie die obige Umgebung installiert haben, können Sie den folgenden Befehl ausführen, um die Version zu aktualisieren:
Die Codekopie lautet wie folgt:
NPM Update -g Cordova Ionic
oder
Die Codekopie lautet wie folgt:
sudo npm update -g cordova ionic
Eine Anwendung erstellen
Erstellen Sie eine ionische Anwendung mit der von Ionic bereitgestellten vorgefertigten Anwendungsvorlage oder einem leeren Projekt:
Die Codekopie lautet wie folgt:
$ ionic starten myapp tabs
Führen Sie das ionische Projekt aus, das wir gerade erstellt haben
Erstellen, testen, Ihre Apps mit einem Ionic Tool ausführen (oder direkt über Cordova erstellen).
Erstellen Sie die Android -App:
Die Codekopie lautet wie folgt:
$ cd myapp
$ ionische Plattform und Android hinzufügen
$ Ionic Build Android
$ ionic emulieren Android
Erstellen Sie eine iOS -App:
Die Codekopie lautet wie folgt:
$ cd myapp
$ ionische Plattform hinzufügen iOS
$ ionic Build iOS
$ ionic emulieren iOS