1. Installation von ionischer Umgebung
Die ionische Entwicklung hängt von der Nodejs-Umgebung ab, daher müssen wir Nodejs vor der Entwicklung installieren. Herunterladen und Installieren:Der Hyperlink-Login ist sichtbar.
Nach Abschluss der Installation öffnen Sie PowerShell und geben Sie die Befehle Knoten -v und npm -v ein, um zu überprüfen, ob die Installation erfolgreich ist; wenn die Versionsnummer zurückgegeben wird, bedeutet das, dass sie erfolgreich ist.
Führen Sie in der PowerShell-Befehlszeile aus:
Das dient dazu, Cordova und Ionic mit dem npm-Paketmanager zu installieren, -g bedeutet globale Installation, und nach der globalen Installation kannst du Cordova- und Ionic-Befehle in jedem Verzeichnis in PowerShell verwenden.
Sie könnten auf folgenden Fehler stoßen:
2. Ein ionisches Projekt erstellen
Die offizielle Website von Ionic bietet drei Projektvorlagen: leere Register, Tabs und SideMenu, bitte siehe Folgendes:Der Hyperlink-Login ist sichtbar.
Wir erstellen unsere App mit der Tabs-Vorlage, öffnen die PowerShell-CD im Entwicklungsverzeichnis und führen aus:
wobei myApp unser Projektname ist
Wie unten gezeigt:
C:\project\android>ionic start myApp tabs
√ Erstellen des Verzeichnisses .\myApp – erledigt!
√ Tabs Starter herunterladen und extrahieren – erledigt!
? Möchten Sie Ihre neue App mit Cordova integrieren, um native iOS und Android anzusprechen? Ja
√ Personalisierung ionic.config.json und package.json – erledigt!
> ionische Integrationen ermöglichen Cordova – leise
√ Downloade der Integration Cordova – erledigt!
√ Integrationsdateien ins Projekt kopieren – erledigt!
[OK] Cordova-Integration hinzugefügt!
Die Installation von Abhängigkeiten kann mehrere Minuten dauern.
* IONIC DEVAPP *
Beschleunige die Entwicklung mit der Ionic DevApp, unserer schnellen, auf dem Gerät getesteten mobilen App
- Testen auf iOS und Android ohne native SDKs
- LiveReload für sofortige Stil- und JS-Updates
️--> Install DevApp:Der Hyperlink-Login ist sichtbar. <--
> npm I
× Führe den Befehl aus – fehlgeschlagen!
[FEHLER]
>node-sass@4.9.0installieren Sie C:\project\android\myApp\node_modules\node-sass
> Node-Skripte/install.js
Binärdateien herunterladen vonDer Hyperlink-Login ist sichtbar.
Download komplett
Binär gespeichert in C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Binärcode zu C:\Users\itsvse_pc\AppData\Roaming\npm-cache\node-sass\4.9.0\win32-x64-57_binding.node
>uglifyjs-webpack-plugin@0.4.6postinstall C:\project\android\myApp\node_modules\uglifyjs-webpack-plugin
> node-lib/post_install.js
>node-sass@4.9.0postinstall C:\project\android\myApp\node_modules\node-sass
> Node-Skripte/build.js
Binär, gefunden bei C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Testing von Binären
Binäre ist in Ordnung
npm ERR! path C:\project\android\myApp\node_modules\fsevents\node_modules
npm ERR! Code EPERM
npm ERR! errno -4048
npm ERR! syscall lstat
npm ERR! Fehler: EPERM: Betrieb nicht erlaubt, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
npm ERR! { Fehler: EPERM: Operation nicht erlaubt, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
npm ERR! Stack: 'Fehler: EPERM: Operation nicht erlaubt, lstat
\'C:\\project\\android\\myApp\\node_modules\fsevents\\\node_modules\'',
npm ERR! errno: -4048,
npm ERR! Code: 'EPERM',
npm ERR! Syscall: 'lstat',
npm ERR! path: 'C:\\project\\android\\myApp\\node_modules\\\fsevents\\\node_modules' }
npm ERR!
npm ERR! Bitte versuchen Sie, diesen Befehl erneut als Root/Administrator auszuführen.
npm ERR! Ein vollständiges Protokoll dieses Durchlaufs findet sich in:
npm ERR! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Fehler ist aufgetreten,Die Lösung ist, cmd als Administrator auszuführen und dann den oben genannten Befehl erneut auszuführen！！
Verwenden Sie die CD, um unser Projekt zu betreten, und führen Sie dann folgenden Befehl aus, um den Browserdienst zu starten:
Nachdem die Ausführung abgeschlossen ist, hilft uns Ionic automatisch, unseren Standardbrowser zu öffnen und zur Anwendungsseite zu springen. Wenn der Browser die Seite öffnet, hat Ionic den Live-Load-Modus für uns aktiviert. Nach dem Öffnen bearbeiten wir die Datei unter www und speichern sie. Ionic benachrichtigt den Browser, die Seite über den Websocket zu aktualisieren.Wir müssen die Seite nicht jedes Mal manuell aktualisieren, wenn wir Änderungen vornehmenund unsere Arbeitseffizienz erheblich verbessert.
Wie unten gezeigt:
|
Veröffentlicht am 19.06.2018 15:07:03
|
|
|
|
