1. Joninės aplinkos įrengimas
Joninė plėtra priklauso nuo Nodejs aplinkos, todėl prieš kuriant turime įdiegti Nodejs. Atsisiųskite ir įdiekite:Hipersaito prisijungimas matomas.
Baigę diegti, atidarykite "PowerShell" ir įveskite komandas mazgas -v ir npm -v, kad patikrintumėte, ar diegimas sėkmingas, o jei grąžinamas versijos numeris, tai reiškia, kad jis sėkmingas.
Vykdykite "PowerShell" komandų eilutėje:
Tai skirta įdiegti cordova ir ionic naudojant npm paketų tvarkyklę, -g reiškia visuotinį diegimą, o po visuotinio įdiegimo galite naudoti cordova ir jonines komandas bet kuriame "PowerShell" kataloge.
Galite susidurti su šia klaida:
2. Sukurkite "Ionic" projektą
Oficialioje "Ionic" svetainėje pateikiami trys projekto šablonai tušti, skirtukai ir šoninis meniu, žr.:Hipersaito prisijungimas matomas.
Mes kuriame savo programą naudodami skirtukų šabloną, atidarome "PowerShell" kompaktinį diską į kūrimo katalogą ir vykdome:
kur myApp yra mūsų projekto pavadinimas
Kaip parodyta žemiau:
C:\project\android>ionic start myApp tabs
√ Katalogo kūrimas .\myApp - atlikta!
√ Skirtukų starterio atsisiuntimas ir ištraukimas - atlikta!
? Ar norėtumėte integruoti savo naują programą su Cordova, kad ji būtų taikoma vietinei "iOS" ir "Android"? Taip
√ ionic.config.json ir package.json suasmeninimas - atlikta!
> joninės integracijos įgalina "Cordova" --tylus
√ Integracijos atsisiuntimas cordova - atlikta!
√ Integracijų failų kopijavimas į projektą - atlikta!
[Gerai] Pridėta cordova integracija!
Priklausomybių diegimas gali užtrukti kelias minutes.
* IONIC DEVAPP *
Paspartinkite kūrimą naudodami "Ionic DevApp", mūsų greitą įrenginyje testuojamą mobiliąją programėlę
- Išbandykite "iOS" ir "Android" be vietinių SDK
- LiveReload momentiniams stiliaus ir JS atnaujinimams
️--> Įdiekite "DevApp":Hipersaito prisijungimas matomas. <--
> npm i
× Vykdoma komanda - nepavyko!
[KLAIDA]
>node-sass@4.9.0įdiegti C:\project\android\myApp\node_modules\node-sass
> mazgų scenarijai/install.js
Dvejetainių failų atsisiuntimas išHipersaito prisijungimas matomas.
Atsisiuntimas baigtas
Dvejetainis įrašytas į C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Dvejetainių failų talpykla į 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
> mazgas lib/post_install.js
>node-sass@4.9.0postinstall C:\project\android\myApp\node_modules\node-sass
> mazgų scenarijai/build.js
Dvejetainis rastas adresu C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Dvejetainis testavimas
Dvejetainis yra gerai
npm ERR! kelias C:\project\android\myApp\node_modules\fsevents\node_modules
npm ERR! kodas EPERM
npm ERR! errno -4048
npm ERR! Syscall lstat
npm ERR! Klaida: EPERM: operacija neleidžiama, lstat
"C:\project\android\myApp\node_modules\fsevents\node_modules"
npm ERR! { Klaida: EPERM: operacija neleidžiama, lstat
"C:\project\android\myApp\node_modules\fsevents\node_modules"
npm ERR! stack: 'Klaida: EPERM: operacija neleidžiama, lstat
\'C:\\project\\android\\myApp\\node_modules\\fsevents\\node_modules\'',
npm ERR! klaida: -4048,
npm ERR! kodas: "EPERM",
npm ERR! syscall: 'lstat',
npm ERR! path: 'C:\\project\\android\\myApp\\node_modules\\fsevents\\node_modules' }
npm ERR!
npm ERR! Bandykite dar kartą paleisti šią komandą kaip root/administratorių.
npm ERR! Visą šio bėgimo žurnalą galima rasti:
npm ERR! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Įvyko klaida,Sprendimas yra paleisti cmd kaip administratorių ir dar kartą paleisti aukščiau pateiktą komandą！！
Naudokite kompaktinį diską, kad įvestumėte mūsų projektą, tada paleiskite šią komandą, kad paleistumėte naršyklės paslaugą:
Baigus vykdymą, "Ionic" automatiškai padės mums atidaryti numatytąją naršyklę ir pereiti į programos puslapį, kai naršyklė atidarys puslapį, "Ionic" mums įjungė tiesioginio perkrovimo režimą, jį atidarę redaguojame failą www ir išsaugome, "Ionic" praneš naršyklei atnaujinti puslapį per žiniatinklio lizdą,Mums nereikia rankiniu būdu atnaujinti puslapio kiekvieną kartą, kai atliekame pakeitimusir labai pagerino mūsų darbo efektyvumą.
Kaip parodyta žemiau:
|
Paskelbta 2018-06-19 15:07:03
|
|
|
|
