1. Instalace iontového prostředí
Iontický vývoj závisí na prostředí Nodejs, takže musíme nainstalovat Nodejs před vývojem. Stáhnout a nainstalovat:Přihlášení k hypertextovému odkazu je viditelné.
Po dokončení instalace otevřete PowerShell a zadejte příkazy node -v a npm -v, abyste ověřili, že instalace byla úspěšná, a pokud je vráceno číslo verze, znamená to, že je úspěšná.
Spusťte v příkazovém řádku PowerShell:
To je pro instalaci cordova a ionic pomocí správce balíčků npm, -g znamená globální instalaci, a po globální instalaci můžete v PowerShellu použít příkazy cordova a ionic v jakémkoli adresáři.
Můžete narazit na následující chybu:
2. Vytvořit ionický projekt
Oficiální web Ionicu nabízí tři šablony projektů prázdné, záložky a boční menu, podívejte se na:Přihlášení k hypertextovému odkazu je viditelné.
Vytvoříme aplikaci pomocí šablony záložek, otevřeme PowerShell CD do vývojového adresáře a spustíme:
kde myApp je název našeho projektu
Jak je uvedeno níže:
C:\project\android>ionic start myApp tabs
√ Vytváření adresáře .\myApp - hotovo!
√ Stahování a rozbalování záložek – hotovo!
? Chtěli byste integrovat svou novou aplikaci s Cordovou, abyste cílili na nativní iOS a Android? Ano
√ Personalizace ionic.config.json a package.json – hotovo!
> iontové integrace umožňují cordovu – tiché
√ Stahování integrace cordova - hotovo!
√ Kopírování integračních souborů do projektu – hotovo!
[OK] Přidáno integrace cordova!
Instalace závislostí může trvat několik minut.
* IONIC DEVAPP *
Zrychlite vývoj s Ionic DevApp, naší rychlou mobilní aplikací pro testování přímo na zařízení
- Testování na iOS a Androidu bez nativních SDK
- LiveReload pro okamžité aktualizace stylu a JS
️--> Install DevApp:Přihlášení k hypertextovému odkazu je viditelné. <--
> npm i
× Spuštění příkazu - neúspěšné!
[CHYBA]
>node-sass@4.9.0nainstalovat C:\project\android\myApp\node_modules\node-sass
> uzlové skripty/install.js
Stahování binárního souboru zPřihlášení k hypertextovému odkazu je viditelné.
Stažení dokončeno
Binární soubor uložený do C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Ukládání binárního 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.0postinstalace C:\project\android\myApp\node_modules\node-sass
> uzlové skripty/build.js
Binární verze nalezená na C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Testování binárního souboru
Binární je v pořádku
Npm ERR! path C:\project\android\myApp\node_modules\fsevents\node_modules
Npm ERR! kód EPERM
Npm ERR! ERRNO -4048
Npm ERR! syscall lstat
Npm ERR! Chyba: EPERM: operace není povolena, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
Npm ERR! { Chyba: EPERM: operace není povolena, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
Npm ERR! stack: 'Chyba: EPERM: operace není povolena, lstat
\'C:\\project\\android\\myApp\\node_modules\\fsevents\\node_modules\'',
Npm ERR! errno: -4048,
Npm ERR! kód: 'EPERM',
Npm ERR! syscall: 'lstat',
Npm ERR! cesta: 'C:\\projekt\\android\\myApp\\node_modules\\fsevents\\node_modules' }
Npm ERR!
Npm ERR! Zkuste tento příkaz spustit znovu jako root/Administrator.
Npm ERR! Kompletní záznam tohoto běhu lze najít v:
Npm ERR! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Došlo k chybě,Řešením je spustit cmd jako správce a pak znovu splnit výše uvedený příkaz！！
Použijte CD pro vstup do našeho projektu a poté spusťte následující příkaz pro spuštění služby prohlížeče:
Po dokončení spuštění nám Ionic automaticky pomůže otevřít výchozí prohlížeč a přejít na stránku aplikace, když prohlížeč stránku otevře, Ionic nám zapnul režim livereload, po jejím otevření upravíme soubor pod www a uložíme ho, Ionic upozorní prohlížeč k obnovení stránky přes websocket,Nemusíme stránku ručně obnovovat pokaždé, když provedeme změny, a výrazně zlepšil naši pracovní efektivitu.
Jak je uvedeno níže:
|
Zveřejněno 19.06.2018 15:07:03
|
|
|
|
