ionic-framework
Starten Sie die Ionic App im Emulator oder auf Ihrem Telefon

Starten Sie die Ionic App im Emulator oder auf Ihrem Telefon

1. Fügen Sie ein Plattformziel hinzu

iOS:

$ ionic platform add ios 

Android:

$ ionic platform add android

Windows:

$ ionic platform add windows

2. Erstellen Sie Ihre App

iOS:

$ ionic build ios 

Android:

$ ionic build android

Windows:

$ ionic build windows

Live-Reload-App während der Entwicklung (Beta)

Mit dem Befehl run or emulate wird die App auf den angegebenen Plattformgeräten / Emulatoren bereitgestellt. Sie können auf dem angegebenen Plattformgerät auch Live-Reload --livereload indem Sie die Option --livereload hinzufügen. Die Live-Reload-Funktion ähnelt der ionic serve . Statt jedoch eine App mithilfe eines Standardbrowsers zu entwickeln und zu debuggen, überwacht die kompilierte Hybrid-App selbst alle Änderungen an ihren Dateien und lädt sie bei Bedarf neu. Dies reduziert die Notwendigkeit, die App für kleine Änderungen ständig neu zu erstellen. Änderungen an Plugins erfordern jedoch immer noch eine vollständige Neuerstellung. Damit Live-Reload funktioniert, müssen sich der Dev-Computer und das Gerät im selben lokalen Netzwerk befinden und das Gerät muss Web-Sockets unterstützen .

--consolelogs Live-Reload aktiviert ist, können die Konsolenprotokolle einer App auch an die Eingabeaufforderung des Terminals / der Befehlszeile gedruckt werden, indem die Option --consolelogs oder die Option -c . Außerdem können die Anforderungsprotokolle des Entwicklungsservers mit den Optionen --serverlogs oder -s ausgedruckt werden.

Befehlszeilenflags / -optionen zum run und emulate

[--livereload|-l] .......  Live Reload app dev files from the device (beta)
[--consolelogs|-c] ......  Print app console logs to Ionic CLI (live reload req.)
[--serverlogs|-s] .......  Print dev server logs to Ionic CLI (live reload req.)
[--port|-p] .............  Dev server HTTP port (8100 default, live reload req.)
[--livereload-port|-i] ..  Live Reload port (35729 default, live reload req.)
[--debug|--release]

Während der Server für Live Reload ausgeführt wird, können Sie die folgenden Befehle innerhalb der CLI verwenden:

restart or r to restart the client app from the root
goto or g and a url to have the app navigate to the given url
consolelogs or c to enable/disable console log output
serverlogs or s to enable/disable server log output
quit or q to shutdown the server and exit

3. Emulieren Sie Ihre App

Stellt die Ionic-App auf dem angegebenen Plattformemulator bereit. Dies ist einfach ein Alias ​​für run --emulator .

iOS:

$ ionic emulate ios [options]

Android:

$ ionic emulate android [options]

Windows:

$ ionic emulate windows [options]

Während der Emulation einer App in AVD oder auf Handys können Sie diese App im Chrome-Browser überprüfen. Geben Sie folgenden Befehl in die Adressleiste des Chrome-Browsers ein.

chrome://inspect/#devices

4. App ausführen

Stellt die Ionic-App auf angegebenen Plattformgeräten bereit. Wenn ein Gerät nicht gefunden wird, wird es auf einem Emulator / Simulator bereitgestellt.

iOS:

$ ionic run ios [options]

Android:

$ ionic run android [options]

Windows:

$ ionic run windows [options]

4.1. Ziel angeben

$ ionic run [ios/android/windows] --target="[target-name]"

Sie können den Zielnamen Ihres Geräts / Emulators überprüfen, auf dem $ adb devices .