1. Namestitev v ionskem okolju
Ionski razvoj je odvisen od okolja Nodejs, zato moramo Nodejs namestiti pred razvojem. Prenos in namestitev:Prijava do hiperpovezave je vidna. Ko je namestitev končana, odprite PowerShell in vnesite ukaze node -v in npm -v, da preverite, ali je namestitev uspešna, in če je vrnjena številka različice, to pomeni, da je namestitev uspešna. Izvedite v PowerShell ukazni vrstici:
To je namenjeno namestitvi cordove in ionic z uporabo npm package managerja, -g pomeni globalno namestitev, po globalni namestitvi pa lahko v katerikoli mapi v PowerShellu uporabite ukaze cordova in ionic.
Lahko naletite na naslednjo napako:
2. Ustvariti ionski projekt
Uradna spletna stran Ionica ponuja tri predloge projektov prazne, zavihke in stranski meni, prosimo, glejte na:Prijava do hiperpovezave je vidna.
Aplikacijo ustvarimo s predlogo zavihkov, odpremo PowerShell CD v razvojni mapi in izvedemo:
kjer je myApp ime našega projekta
Kot je prikazano spodaj:
C:\project\android>ionic start myApp tabs √ Ustvarjanje mape .\myApp - končano! √ Začetni prenos in izločanje zavihkov - končano!
? Bi želeli svojo novo aplikacijo integrirati s Cordovo, da ciljate na nativne iOS in Android? Da √ Personalizacija ionic.config.json in package.json - končano! > ionske integracije omogočajo cordovo – tiho √ Prenos integracije cordove - končano! √ Kopiranje datotek integracij v projekt - končano! [V redu] Dodana cordova integracija!
Nameščanje odvisnosti lahko traja več minut.
* IONIC DEVAPP *
Pospešite razvoj z Ionic DevApp, našo hitro mobilno aplikacijo za testiranje na napravi
- Testiranje na iOS in Android brez nativnih SDK-jev - LiveReload za takojšnje posodobitve stila in JS
️--> Install DevApp:Prijava do hiperpovezave je vidna. <--
> npm i × Zagon ukaza - ni uspelo! [NAPAKA]
>node-sass@4.9.0install C:\project\android\myApp\node_modules\node-sass > vozliščne skripte/install.js
Prenos binarne datoteke izPrijava do hiperpovezave je vidna. Prenos končan Binarno shranjeno v C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node Predpomnjenje binarne datoteke v 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 > vozliščne skripte/build.js
Binarna datoteka najdena na C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node Testiranje binarnega sistema Binarna je v redu Ntpm ERR! path C:\project\android\myApp\node_modules\fsevents\node_modules Ntpm ERR! koda EPERM Ntpm ERR! ERRNO-4048 Ntpm ERR! syscall lstat Ntpm ERR! Napaka: EPERM: operacija ni dovoljena, lstat 'C:\project\android\myApp\node_modules\fsevents\node_modules' Ntpm ERR! { Napaka: EPERM: operacija ni dovoljena, lstat 'C:\project\android\myApp\node_modules\fsevents\node_modules' Ntpm ERR! stack: 'Napaka: EPERM: operacija ni dovoljena, lstat \'C:\\projekt\\android\\myApp\\node_modules\\fsevents\\node_modules\'', Ntpm ERR! ERRNO: -4048, Ntpm ERR! koda: 'EPERM', Ntpm ERR! syscall: 'lstat', Ntpm ERR! pot: 'C:\\projekt\\android\\myApp\\node_modules\\fsevents\\node_modules' } Ntpm ERR! Ntpm ERR! Prosimo, poskusite ponovno zagnati ta ukaz kot root/Administrator.
Ntpm ERR! Celoten zapis tega teka je na voljo v: Ntpm ERR! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log Prišlo je do napake,Rešitev je, da kot administrator zaženete cmd in nato ponovno izvedete zgornji ukaz!!
Uporabite CD za vstop v naš projekt in nato zaženite naslednji ukaz za zagon storitve brskalnika:
Ko je izvedba zaključena, nam bo Ionic samodejno pomagal odpreti privzeti brskalnik in skočiti na aplikacijsko stran, ko brskalnik odpre stran, je Ionic vklopil način livereloada za nas, po odprtju datoteke uredimo pod www in jo shranimo, Ionic bo obvestil brskalnik, naj osveži stran preko websocketa,Ni nam treba ročno osveževati strani vsakič, ko naredimo spremembe, in močno izboljšal našo delovno učinkovitost.
Kot je prikazano spodaj:
|