1. Installatie van ionische omgevingen
Ionische ontwikkeling is afhankelijk van de Nodejs-omgeving, dus we moeten Nodejs installeren voordat we ontwikkelen. Download en installeer:De hyperlink-login is zichtbaar.
Na voltooiing van de installatie open je PowerShell en voer je de commando's node -v en npm -v in om te controleren of de installatie succesvol is, en als het versienummer wordt teruggegeven, betekent dit dat het succesvol is.
Voer uit in de PowerShell-opdrachtregel:
Dit is om Cordova en Ionic te installeren met de npm package manager, -g betekent global installation, en na globale installatie kun je cordova- en ionic-commando's in elke map in PowerShell gebruiken.
U kunt de volgende fout tegenkomen:
2. Een Ionisch project creëren
De officiële website van Ionic biedt drie projectsjablonen: lege blokken, tabbladen en zijmenu, verwijs alstublieft naar:De hyperlink-login is zichtbaar.
We maken onze app met behulp van het tabbladsjabloon, openen de PowerShell-cd in de ontwikkelmap en voeren uit:
waarbij myApp onze projectnaam is
Zoals hieronder getoond:
C:\project\android>ionic start myApp tabs
√ Map aanmaken .\myApp - klaar!
√ Tabbladen Starter downloaden en uitpakken - klaar!
? Wil je je nieuwe app integreren met Cordova om zich te richten op native iOS en Android? Ja
√ Personaliseren ionic.config.json en package.json - klaar!
> ionische integraties maken cordova mogelijk --quiet
√ Integratie Cordova downloaden - klaar!
√ Integratiebestanden kopiëren naar project - klaar!
[OK] Cordova-integratie toegevoegd!
Het installeren van afhankelijkheden kan enkele minuten duren.
* IONIC DEVAPP *
Versnel de ontwikkeling met de Ionic DevApp, onze snelle, on-device testmobiele app
- Test op iOS en Android zonder native SDK's
- LiveReload voor directe stijl- en JS-updates
️--> Installeer DevApp:De hyperlink-login is zichtbaar. <--
> npm i
× Commando uitvoeren - mislukt!
[FOUT]
>node-sass@4.9.0installeer C:\project\android\myApp\node_modules\node-sass
> node-scripts/install.js
Binaire downloaden vanDe hyperlink-login is zichtbaar.
Download voltooid
Binair opgeslagen in C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Binaire cache naar 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.0postinstall C:\project\android\myApp\node_modules\node-sass
> node-scripts/build.js
Binair gevonden op C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Testen van binaire
Binair is prima
npm ERR! pad C:\project\android\myApp\node_modules\fsevents\node_modules
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! Syscall lstat
npm ERR! Fout: EPERM: operatie niet toegestaan, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
npm ERR! { Fout: EPERM: operatie niet toegestaan, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
npm ERR! stack: 'Fout: EPERM: operatie niet toegestaan, lstat
\'C:\\project\\android\\myApp\\node_modules\fsevents\\\node_modules\'',
npm ERR! errno: -4048,
npm ERR! code: 'EPERM',
npm ERR! Syscall: 'lstat',
npm ERR! pad: 'C:\\project\\android\\myApp\\node_modules\\\fsevents\\\node_modules' }
npm ERR!
npm ERR! Probeer dit commando opnieuw uit te voeren als root/Administrator.
npm ERR! Een volledig logboek van deze run is te vinden in:
npm ERR! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Er is een fout opgetreden,De oplossing is om cmd als administrator uit te voeren en vervolgens het bovenstaande commando opnieuw uit te voeren！！
Gebruik de cd om ons project te openen en voer vervolgens het volgende commando uit om de browserservice te starten:
Nadat de uitvoering is voltooid, helpt Ionic ons automatisch onze standaardbrowser te openen en naar onze applicatiepagina te springen. Wanneer de browser de pagina opent, heeft Ionic de livereload-modus voor ons ingeschakeld. Na het openen bewerken we het bestand onder www en slaan het op. Ionic zal de browser informeren om de pagina via de websocket te verversen.We hoeven de pagina niet elke keer handmatig te verversen als we wijzigingen aanbrengen, en onze werkefficiëntie aanzienlijk verbeterde.
Zoals hieronder getoond:
|
Geplaatst op 19-06-2018 15:07:03
|
|
|
|
