ionic first app
1.0.0
Dieses Projekt ist für eine praktische Verwendung der Datumsverpackungsnutzung für mobile Anwendungen durchgeführt. Gebaut mit ionischen Rahmen innerhalb der Kraft von Reactjs.
Um eine mobile Anwendung mit Ionic Framework zu entwickeln, haben wir einige Dinge zu tun, bevor wir beginnen. Lassen Sie mich insbesondere jeden dieser Schritte beschreiben;
Für die OSX -Umgebung können Sie die Knotenumgebung unter Verwendung der folgenden Befehle installieren
$ brew update
$ brew install node
Wenn Sie nicht in der OSX -Umgebung sind oder nach fortschrittlicheren Installation suchen, folgen Sie diesem Artikel.
Der folgende Befehl installiert das ionische Framework für Sie
$ npm install -g @ionic/cli
Wenn es nicht für Sie funktioniert hat, können Sie immer die offizielle Dokumentation überprüfen.
Um eine neue ionische Anwendung zu erstellen, funktioniert der folgende Befehl für Sie!
$ ionic start <app name> <template: tabs | sidemenu | blank>
Ich bevorzugte React -Framework für Frontend Side. Möglicherweise bevorzugen Sie ein anderes unterstütztes Framework.
Da es sich um eine einzelne Seitenanwendung handelt, funktioniert die Homepage und eine vorentwickelte Komponente von ExploreContainer gut für uns! Um alle unsere Logik zu erstellen, verwenden wir TypeScript. Für die UI -Seite haben wir eine Menge Lösung von ionischen Komponenten. Um dieses Projekt besser zu verstehen, überprüfen Sie bitte die folgenden Dateien.
Wir haben unsere Anwendung bereits auf unserem lokalen Computer auf dem Browser ausgeführt. Was ist jedoch, wenn wir sie auf einem Emulator oder einem echten Mobiltelefon überprüfen möchten? Ionic verwendet Kondensator für diesen Job. Sie müssen keine andere Quelle installieren, um dies zu erreichen, und Ionic bringt sie mit!
Um Emulator Xcode zu verwenden, und alle wichtigen Grundlagen sollten installiert werden, damit Android Build Android Studio und SDKs benötigt werden
$ ionic capacitor build ios
Oben Befehl fragt nach dem Gerät, auf dem Sie emulieren möchten, und bringen dann das ausgewählte iOS -Gerät aus, das Ihre Anwendung ausführt.
Siehe unten, um diese App besser zu verstehen!
