1. Ionikus környezet telepítése
Az ionikus fejlesztés a Nodejs környezetétől függ, ezért a fejlesztés előtt telepítenünk kell a Nodejs-t. Letöltés és telepítés:A hiperlink bejelentkezés látható.
A telepítés befejezése után nyissa meg a PowerShell-t, és írja be a -v és npm -v parancsokat, hogy ellenőrizze, sikeres lett-e a telepítés, és ha visszakapja a verziószámot, az azt jelenti, hogy sikeres.
Hajtsd végre a PowerShell parancssorban:
Ez a cordova és ionic telepítésére az npm csomagkezelő segítségével, -g a globális telepítést jelenti, és a globális telepítés után bármelyik PowerShell-könyvtárban használhatod cordova és ionic parancsokat.
Előfordulhat, hogy a következő hibát okozhatja:
2. Hozzon létre egy ionikus projektet
Az Ionic hivatalos weboldalán három projekt sablon található: üres, fülek és sideMenu, kérjük, lásd a következő oldalakat:A hiperlink bejelentkezés látható.
Az alkalmazásunkat a tabs sablon segítségével hozzuk létre, megnyitjuk a PowerShell CD-t a fejlesztő könyvtárba, és végrehajtjuk:
ahol a myApp a projekt neve
Ahogy az alábbiakban látható:
C:\project\android>ionic start myApp tabs
√ Könyvtár létrehozása .\myApp - kész!
√ A fülek letöltése és kibontása indító programja – kész!
? Szeretnéd integrálni az új alkalmazásodat a Cordovával, hogy natív iOS-t és Androidot célozzunk meg? Igen
√ Személyre szabás ionic.config.json és package.json - kész!
> ionikus integrációk teszik lehetővé Cordovát --quiet
√ Integráció letöltése Cordova – kész!
√ Integrációs fájlok másolása a projektre – kész!
[OK] Hozzáadtam Cordova integrációt!
A függőségek telepítése több percet is igénybe vehet.
* IONIC DEVAPP *
Gyorsítsd a fejlesztést az Ionic DevApp-szel, a gyors, eszközön tesztelő mobilalkalmazásunkkal
- Tesztelés iOS-en és Androidon natív SDK-k nélkül
- LiveReload azonnali stílus- és JS frissítésekhez
️--> Telepítsd DevApp-et:A hiperlink bejelentkezés látható. <--
> NPM i
× Parancs futtatása - sikertelen!
[HIBA]
>node-sass@4.9.0install C:\project\android\myApp\node_modules\node-sass
> node szkript/install.js
Bináris letöltésA hiperlink bejelentkezés látható.
Letöltés teljes
Bináris C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node formátumba
Bináriás gyorsítótár 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 szkriptjei/build.js
Bináris megtalálja a C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node címen
Bináris tesztelés
A bináris is rendben van
Npm ERR! path C:\project\android\myApp\node_modules\fsevents\node_modules
Npm ERR! EPERM kód
Npm ERR! ERRNO -4048
Npm ERR! syscall lstat
Npm ERR! Hiba: EPERM: üzemeltetés nem engedélyezett, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
Npm ERR! { Hiba: EPERM: működés nem engedélyezett, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
Npm ERR! stack: 'Hiba: EPERM: működés nem engedélyezett, lstat
\'C:\\android\\myApp\\node_modules\\fsevents\\node_modules\'',
Npm ERR! ERRNO: -4048,
Npm ERR! kód: 'EPERM',
Npm ERR! syscall: 'lstat',
Npm ERR! path: 'C:\\project\\android\\myApp\\node_modules\\fsevents\\node_modules' }
Npm ERR!
Npm ERR! Kérlek, próbáld meg újra futtatni ezt a parancsot root/adminisztrátorként.
Npm ERR! Ennek a futamnak a teljes naplója megtalálható a következő oldalon:
Npm ERR! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Hiba történt,A megoldás az, hogy a cmd-t rendszergazdáként futtatod, majd újra futtatod a fenti parancsot！！
A CD-vel belépünk a projektünkbe, majd futtatjuk a következő parancsot a böngésző szolgáltatás elindításához:
A végrehajtás befejezése után az Ionic automatikusan segít megnyitni az alapértelmezett böngészőnket és az alkalmazásoldalra ugrani, amikor a böngésző megnyitja az oldalt, az Ionic bekapcsolta a livereload módot, megnyitva szerkesztjük a fájlt a www alatt és elmentjük, Ionic értesíti a böngészőt, hogy frissítse az oldalt a websocketen keresztül,Nem kell minden változtatáskor manuálisan frissítenünk az oldalt, és jelentősen javította a munkahatékonyságunkat.
Ahogy az alábbiakban látható:
|
Közzétéve 2018. 06. 19. 15:07:03
|
|
|
|
