1. Inštalácia iónového prostredia
Iónový vývoj závisí od prostredia Nodejs, takže musíme nainštalovať Nodejs pred vývojom. Stiahnuť a nainštalovať:Prihlásenie na hypertextový odkaz je viditeľné.
Po dokončení inštalácie otvorte PowerShell a zadajte príkazy node -v a npm -v, aby ste overili, že inštalácia bola úspešná, a ak sa vráti číslo verzie, znamená to, že je úspešná.
Spustiť v PowerShell príkazovom riadku:
Ide o inštaláciu cordova a ionic pomocou npm package managera, -g znamená globálnu inštaláciu a po globálnej inštalácii môžete použiť cordova a ionic príkazy v ľubovoľnom adresári v PowerShelle.
Môžete naraziť na nasledujúcu chybu:
2. Vytvoriť iónsky projekt
Oficiálna webová stránka Ionicu poskytuje tri šablóny projektov prázdne, záložky a bočné menu, prosím, pozrite si:Prihlásenie na hypertextový odkaz je viditeľné.
Vytvoríme našu aplikáciu pomocou šablóny záložiek, otvoríme PowerShell CD do vývojového adresára a vykonáme:
kde myApp je názov nášho projektu
Ako je uvedené nižšie:
C:\project\android>ionic start myApp tabs
√ Vytváranie adresára .\myApp - hotovo!
√ Sťahovanie a rozbaľovanie záložiek - začiatok - hotovo!
? Chceli by ste integrovať svoju novú aplikáciu s Cordovou, aby ste cielili na natívne iOS a Android? Áno
√ Personalizácia ionic.config.json a package.json – hotovo!
> iónové integrácie umožňujú cordovu – tiché
√ Sťahovanie integrácie cordova - hotovo!
√ Kopírovanie integračných súborov do projektu - hotovo!
[OK] Pridaná cordova integrácia!
Inštalácia závislostí môže trvať niekoľko minút.
* IONIC DEVAPP *
Zrýchlite vývoj s Ionic DevApp, našou rýchlou mobilnou aplikáciou na testovanie priamo na zariadení
- Testovať na iOS a Android bez natívnych SDK
- LiveReload pre okamžité aktualizácie štýlu a JS
️--> Install DevApp:Prihlásenie na hypertextový odkaz je viditeľné. <--
> npm i
× Spustenie príkazu - zlyhalo!
[CHYBA]
>node-sass@4.9.0install C:\project\android\myApp\node_modules\node-sass
> uzlové skripty/install.js
Sťahovanie binárneho súboru zPrihlásenie na hypertextový odkaz je viditeľné.
Stiahnutie dokončené
Binárne uložené do C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Ukladanie binárneho kódu do 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.0postinštalácia C:\project\android\myApp\node_modules\node-sass
> uzolové skripty/build.js
Binárny súbor nájdený na C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Testovanie binárneho súboru
Binárne je v poriadku
Nie som v poriadku! path C:\project\android\myApp\node_modules\fsevents\node_modules
Nie som v poriadku! kód EPERM
Nie som v poriadku! ERRNO -4048
Nie som v poriadku! syscall lstat
Nie som v poriadku! Chyba: EPERM: operácia nie je povolená, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
Nie som v poriadku! { Chyba: EPERM: operácia nie je povolená, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
Nie som v poriadku! stack: 'Chyba: EPERM: operácia nie je povolená, lstat
\'C:\\project\\android\\myApp\\node_modules\\fsevents\\node_modules\'',
Nie som v poriadku! errno: -4048,
Nie som v poriadku! kód: 'EPERM',
Nie som v poriadku! syscall: 'lstat',
Nie som v poriadku! cesta: 'C:\\projekt\\android\\myApp\\node_modules\\fsevents\\node_modules' }
Nie som v poriadku!
Nie som v poriadku! Skúste tento príkaz spustiť znova ako root/Administrator.
Nie som v poriadku! Kompletný záznam tohto behu nájdete v:
Nie som v poriadku! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Nastala chyba,Riešením je spustiť cmd ako administrátor a potom znova spustiť vyššie uvedený príkaz！！
Použite CD na vstup do nášho projektu a potom spustite nasledujúci príkaz na spustenie služby prehliadača:
Po dokončení spustenia nám Ionic automaticky pomôže otvoriť náš predvolený prehliadač a preskočiť na stránku aplikácie, keď prehliadač otvorí stránku, Ionic nám zapol režim livereload, po jej otvorení upravíme súbor pod www a uložíme ho, Ionic upozorní prehliadač na obnovenie stránky cez websocket,Nemusíme stránku manuálne obnovovať pri každej zmene, a výrazne zlepšili našu pracovnú efektivitu.
Ako je uvedené nižšie:
|
Zverejnené 19. 6. 2018 15:07:03
|
|
|
|
