1. Jonu vides uzstādīšana
Jonu attīstība ir atkarīga no Nodejs vides, tāpēc mums ir jāinstalē Nodejs pirms izstrādes. Lejupielādēt un instalēt:Hipersaites pieteikšanās ir redzama.
Kad instalēšana ir pabeigta, atveriet PowerShell un ievadiet komandas mezgls -v un npm -v, lai pārbaudītu, vai instalēšana ir veiksmīga, un, ja versijas numurs tiek atgriezts, tas nozīmē, ka tas ir veiksmīgs.
Izpildiet PowerShell komandrindā:
Tas ir, lai instalētu cordova un ionic, izmantojot npm pakotņu pārvaldnieku, -g nozīmē globālu instalēšanu, un pēc globālās instalēšanas jūs varat izmantot cordova un jonu komandas jebkurā PowerShell direktorijā.
Var rasties šāda kļūda:
2. Izveidojiet Ionic projektu
Ionic oficiālajā tīmekļa vietnē ir trīs projekta veidnes tukšas, cilnes un sānu izvēlne, lūdzu, skatiet:Hipersaites pieteikšanās ir redzama.
Mēs izveidojam savu lietotni, izmantojot cilņu veidni, atveram PowerShell kompaktdisku izstrādes direktorijā un izpildām:
kur myApp ir mūsu projekta nosaukums
Kā parādīts zemāk:
C:\project\android>ionic start myApp tabs
√ Direktorija izveide .\myApp - gatavs!
√ Cilņu startera lejupielāde un iegūšana - gatavs!
? Vai vēlaties integrēt savu jauno lietotni ar Cordova, lai mērķētu uz vietējo iOS un Android? Jā
√ ionic.config.json un package.json personalizēšana - gatavs!
> jonu integrācijas iespējo cordova --quiet
√ Integrācijas lejupielāde cordova - gatavs!
√ Integrācijas failu kopēšana projektā - gatavs!
[Labi] Pievienota cordova integrācija!
Atkarību instalēšana var aizņemt vairākas minūtes.
* JONU DEVAPP *
Paātriniet izstrādi, izmantojot Ionic DevApp, mūsu ātro mobilo lietotni
- Testēšana iOS un Android ierīcēs bez vietējiem SDK
- LiveReload tūlītējiem stila un JS atjauninājumiem
️--> Instalējiet DevApp:Hipersaites pieteikšanās ir redzama. <--
> npm i
× Palaišanas komanda - neizdevās!
[KĻŪDA]
>node-sass@4.9.0instalējiet C:\project\android\myApp\node_modules\node-sass
> mezglu skripti/install.js
Binārā lejupielāde noHipersaites pieteikšanās ir redzama.
Lejupielādēt pabeigtu
Binārais saglabāts C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Binārā faila kešatmiņa uz C:\Users\itsvse_pc\AppData\Roaming\npm-cache\node-sass\4.9.0\win32-x64-57_binding.node
>uglifyjs-webpack-plugin@0.4.6pēcinstalēšana C:\projekts\android\myApp\node_modules\uglifyjs-webpack-plugin
> mezgls lib/post_install.js
>node-sass@4.9.0pēcinstalēšana C:\projekts\android\myApp\node_modules\node-sass
> mezglu skripti/build.js
Binārais atrasts vietnē C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Binārā testēšana
Binārais ir labi
npm ERR! ceļš C:\projekts\android\myApp\node_modules\fsevents\node_modules
npm ERR! kods EPERM
npm ERR! Errno -4048
npm ERR! syscall lstat
npm ERR! Kļūda: EPERM: darbība nav atļauta, lstat
"C:\project\android\myApp\node_modules\fsevents\node_modules"
npm ERR! { Kļūda: EPERM: darbība nav atļauta, lstat
"C:\project\android\myApp\node_modules\fsevents\node_modules"
npm ERR! stack: 'Kļūda: EPERM: darbība nav atļauta, lstat
\'C:\\projekts\\android\\myApp\\node_modules\\fsevents\\node_modules\'',
npm ERR! kļūda: -4048,
npm ERR! kods: "EPERM",
npm ERR! syscall: 'lstat',
npm ERR! ceļš: 'C:\\projekts\\android\\myApp\\node_modules\\fsevents\\node_modules' }
npm ERR!
npm ERR! Lūdzu, mēģiniet palaist šo komandu vēlreiz kā root/Administrator.
npm ERR! Pilnu žurnālu par šo skrējienu var atrast:
npm ERR! C:\Lietotāji\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Radās kļūda,Risinājums ir palaist cmd kā administratoru un pēc tam vēlreiz palaist iepriekš minēto komandu！！
Izmantojiet kompaktdisku, lai ievadītu mūsu projektu, un pēc tam palaidiet šādu komandu, lai sāktu pārlūkprogrammas pakalpojumu:
Pēc izpildes pabeigšanas Ionic automātiski palīdzēs mums atvērt mūsu noklusējuma pārlūkprogrammu un pāriet uz mūsu lietojumprogrammas lapu, kad pārlūkprogramma atver lapu, Ionic mums ir ieslēdzis livereload režīmu, pēc tā atvēršanas mēs rediģējam failu zem www un saglabājam to, Ionic paziņos pārlūkprogrammai, lai atsvaidzinātu lapu, izmantojot tīmekļa ligzdu,Mums nav manuāli jāatsvaidzina lapa katru reizi, kad veicam izmaiņasun ievērojami uzlaboja mūsu darba efektivitāti.
Kā parādīts zemāk:
|
Publicēts 19.06.2018 15:07:03
|
|
|
|
