1. Instalacja środowiska jonowego
Rozwój jonowy zależy od środowiska Nodejs, więc musimy zainstalować Nodejs przed rozwojem. Pobierz i zainstaluj:Logowanie do linku jest widoczne.
Po zakończeniu instalacji otwórz PowerShell i wprowadź polecenia node -v i npm -v, aby zweryfikować sukces instalacji, a jeśli zostanie zwrócony numer wersji, oznacza to sukces.
Wykonaj w wierszu poleceń PowerShell:
Chodzi o instalację cordova i ionic za pomocą menedżera pakietów npm, -g oznacza instalację globalną, a po instalacji globalnej możesz używać poleceń cordova i ionic w dowolnym katalogu w PowerShell.
Możesz napotkać następujący błąd:
2. Stworzyć projekt jonowy
Oficjalna strona Ionic oferuje trzy puste szablony projektów, zakładki i boczne menu, prosimy o odwołanie:Logowanie do linku jest widoczne.
Tworzymy aplikację korzystając z szablonu kart, otwieramy płytę PowerShell w katalogu deweloperskim i wykonujemy:
gdzie myApp to nazwa naszego projektu
Jak pokazano poniżej:
C:\project\android>ionic start myApp tabs
√ Tworzenie katalogu .\myApp - gotowe!
√ Pobieranie i rozpakowywanie zakładek na start – gotowe!
? Czy chciałbyś zintegrować swoją nową aplikację z Cordovą, aby celować w natywne iOS i Android? Tak
√ Personalizacja ionic.config.json i package.json – gotowe!
> integracji jonowe umożliwiają cordovę — cichą
√ Pobieranie integracji cordova – gotowe!
√ Kopiowanie plików integracji do projektu – gotowe!
[OK] Dodano integrację cordovy!
Instalacja zależności może zająć kilka minut.
* IONIC DEVAPP *
Przyspiesz rozwój dzięki Ionic DevApp, naszej szybkiej, testowej aplikacji mobilnej na urządzeniu
- Test na iOS i Android bez natywnych SDK
- LiveReload dla natychmiastowych aktualizacji stylów i JS
️--> Install DevApp:Logowanie do linku jest widoczne. <--
> npm i
× Uruchomienie komendy – nie udało się!
[BŁĄD]
>node-sass@4.9.0install C:\project\android\myApp\node_modules\node-sass
> skryptów/install.js
Pobieranie pliku binarnego zLogowanie do linku jest widoczne.
Pobranie zakończone
Binarne zapisane w C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Bufor binarny do 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
> węzł lib/post_install.js
>node-sass@4.9.0postinstall C:\project\android\myApp\node_modules\node-sass
> skryptów/węzłów/build.js
Binarny dostępny pod adresem C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Testowanie binarności
Binarność jest w porządku
Nie mam nic do czynienia z ERR! path C:\project\android\myApp\node_modules\fsevents\node_modules
Nie mam nic do czynienia z ERR! Kod EPERM
Nie mam nic do czynienia z ERR! ERRNO-4048
Nie mam nic do czynienia z ERR! syscall lstat
Nie mam nic do czynienia z ERR! Błąd: EPERM: operacja zabroniona, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
Nie mam nic do czynienia z ERR! { Błąd: EPERM: operacja nie dozwolona, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
Nie mam nic do czynienia z ERR! stack: 'Błąd: EPERM: operacja zabroniona, lstat
\'C:\\project\\android\\myApp\\node_modules\\fsevents\\node_modules\'',
Nie mam nic do czynienia z ERR! errno: -4048,
Nie mam nic do czynienia z ERR! kod: 'EPERM',
Nie mam nic do czynienia z ERR! syscall: 'lstat',
Nie mam nic do czynienia z ERR! ścieżka: 'C:\\projekt\\android\\myApp\\node_modules\\fsevents\\node_modules' }
Nie mam nic do czynienia z ERR!
Nie mam nic do czynienia z ERR! Proszę spróbować ponownie uruchomić to polecenie jako root/Administrator.
Nie mam nic do czynienia z ERR! Pełny dziennik tego biegu można znaleźć w:
Nie mam nic do czynienia z ERR! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Wystąpił błąd,Rozwiązaniem jest uruchomienie cmd jako administrator, a następnie ponowne uruchomienie powyższego polecenia！！
Użyj płyty CD, aby wejść do naszego projektu, a następnie wykonaj następujące polecenie, aby uruchomić usługę przeglądarki:
Po zakończeniu wykonania Ionic automatycznie pomoże nam otworzyć domyślną przeglądarkę i przejść na stronę aplikacji, gdy przeglądarka otworzy stronę, Ionic włączył tryb livereload, po otwarciu edytujemy plik pod www i zapisujemy go, Ionic powiadomi przeglądarkę o odświeżeniu strony przez websocket,Nie musimy ręcznie odświeżać strony za każdym razem, gdy wprowadzamy zmiany, i znacznie poprawiło efektywność naszej pracy.
Jak pokazano poniżej:
|
Opublikowano 19.06.2018 15:07:03
|
|
|
|
