1. Instalarea în mediul ionic
Dezvoltarea ionică depinde de mediul Nodejs, așa că trebuie să instalăm Nodejs înainte de dezvoltare. Descarcă și instalează:Autentificarea cu hyperlink este vizibilă.
După finalizarea instalării, deschideți PowerShell și introduceți comenzile -v și npm-v pentru a verifica dacă instalarea este reușită, iar dacă este returnat numărul versiunii, înseamnă că a fost reușită.
Execută în linia de comandă PowerShell:
Aceasta înseamnă să instalezi cordova și ionic folosind managerul de pachete npm, -g înseamnă instalare globală, iar după instalarea globală, poți folosi comenzi cordova și ionic în orice director din PowerShell.
S-ar putea să întâmpini următoarea eroare:
2. Crearea unui proiect ionic
Site-ul oficial al Ionic oferă trei șabloane de proiect, tab-uri și meniu lateral, vă rugăm să consultați:Autentificarea cu hyperlink este vizibilă.
Creăm aplicația folosind șablonul tabs, deschidem CD-ul PowerShell în directorul de dezvoltare și executăm:
unde myApp este numele proiectului nostru
Așa cum se arată mai jos:
C:\project\android>ionic start myApp tabs
√ Crearea directorului .\myApp - gata!
√ Descărcarea și extragerea tab-urilor - gata!
? Doriți să integrați noua dumneavoastră aplicație cu Cordova pentru a ținti iOS și Android nativi? Da
√ Personalizarea ionic.config.json și package.json - gata!
> integrările ionice permit cordova --quiet
√ Descărcarea integrării Cordova - gata!
√ Copierea fișierelor de integrare către proiect - gata!
[OK] Am adăugat integrarea cu Cordova!
Instalarea dependențelor poate dura câteva minute.
* IONIC DEVAPP *
Accelerează dezvoltarea cu Ionic DevApp, aplicația noastră mobilă rapidă de testare pe dispozitiv
- Testare pe iOS și Android fără SDK-uri native
- LiveReload pentru actualizări instantanee de stil și JS
️--> instalează DevApp:Autentificarea cu hyperlink este vizibilă. <--
> npm i
× Rulare comanda - eșuată!
[EROARE]
>node-sass@4.9.0instalează C:\project\android\myApp\node_modules\node-sass
> scripturi de noduri/install.js
Descărcarea binară de laAutentificarea cu hyperlink este vizibilă.
Descărcare completă
Binar salvat în C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Cache-ul binarului către 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
> nod lib/post_install.js
>node-sass@4.9.0postinstall C:\project\android\myApp\node_modules\node-sass
> scripturi de noduri/build.js
Binar găsit la C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Testarea binarului
Binarul este în regulă
npm ERR! path C:\proiect\android\aplicația mea\node_modules\fsevents\node_modules
npm ERR! codul EPERM
npm ERR! errno -4048
npm ERR! syscall lstat
npm ERR! Eroare: EPERM: operarea nu este permisă, lstat
'C:\proiect\android\aplicația mea\node_modules\fsevents\node_modules'
npm ERR! { Eroare: EPERM: operațiune nepermisă, lstat
'C:\proiect\android\aplicația mea\node_modules\fsevents\node_modules'
npm ERR! Stack: 'Eroare: EPERM: operație nepermisă, lstat
\'C:\\proiect\\\android\\aplicația mea\node_modules\\fsevents\\\node_modules'',
npm ERR! errno: -4048,
npm ERR! cod: 'EPERM',
npm ERR! Syscall: 'Lstat',
npm ERR! path: 'C:\\project\\android\\myApp\node_modules\fsevents\node_modules' }
npm ERR!
npm ERR! Vă rugăm să încercați să rulați din nou această comandă ca root/Administrator.
npm ERR! Un jurnal complet al acestei curse poate fi găsit în:
npm ERR! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
A avut loc o eroare,Soluția este să rulezi cmd ca administrator și apoi să rulezi din nou comanda de mai sus！！
Folosește CD-ul pentru a introduce proiectul nostru, apoi rulează următoarea comandă pentru a porni serviciul de browser:
După finalizarea execuției, Ionic ne va ajuta automat să deschidem browserul implicit și să sărim la pagina aplicației, iar când browserul deschide pagina, Ionic a activat modul livereload pentru noi, după ce îl deschidem, edităm fișierul sub www și îl salvăm, iar Ionic va notifica browserul să reîmprospăteze pagina prin websocket,Nu trebuie să reîmprospătăm manual pagina de fiecare dată când facem modificări, și ne-a îmbunătățit considerabil eficiența muncii.
Așa cum se arată mai jos:
|
Postat pe 19.06.2018 15:07:03
|
|
|
|
