1. Installation af ionisk miljø
Ionisk udvikling afhænger af Nodejs-miljøet, så vi skal installere Nodejs før udviklingen. Download og installer:Hyperlink-login er synlig.
Når installationen er færdig, åbn PowerShell og indtast kommandoerne node -v og npm -v for at bekræfte, at installationen er succesfuld, og hvis versionsnummeret returneres, betyder det, at det er succesfuldt.
Udfør i PowerShell-kommandolinjen:
Dette er for at installere cordova og ionic ved hjælp af npm pakkehåndteringen, -g betyder global installation, og efter global installation kan du bruge cordova- og ionic-kommandoer i enhver mappe i PowerShell.
Du kan støde på følgende fejl:
2. Opret et ionisk projekt
Ionics officielle hjemmeside tilbyder tre projektskabeloner: tomme, faner og sideMenu, se venligst:Hyperlink-login er synlig.
Vi opretter vores app ved hjælp af fane-skabelonen, åbner PowerShell-cd'en i udviklingsmappen og udfører:
hvor myApp er vores projektnavn
Som vist nedenfor:
C:\project\android>ionic start myApp tabs
√ Opretter mappe .\myApp - færdig!
√ Downloader og udpakker faner starter - færdig!
? Vil du gerne integrere din nye app med Cordova for at målrette native iOS og Android? Ja
√ Personlig ionic.config.json og package.json - færdig!
> ioniske integrationer muliggør cordova --stille
√ Downloader integration Cordova - færdig!
√ Kopiering af integrationsfiler til projekt – færdigt!
[OK] Tilføjede cordova-integration!
Installation af afhængigheder kan tage flere minutter.
* IONISK DEVAPP *
Hurtig udviklingen med Ionic DevApp, vores hurtige, on-device test-mobilapp
- Test på iOS og Android uden native SDK'er
- LiveReload for øjeblikkelig stil og JS-opdateringer
️--> Install DevApp:Hyperlink-login er synlig. <--
> npm i
× Kører kommando - fejlede!
[FEJL]
>node-sass@4.9.0installer C:\project\android\myApp\node_modules\node-sass
> nodescripts/install.js
Downloader binær fraHyperlink-login er synlig.
Download færdig
Binært gemt til C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Caching binary til 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
Binær fundet på C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Test af binærer
Binært er fint
npm ERR! path C:\project\android\myApp\node_modules\fsevents\node_modules
npm ERR! kode EPERM
npm ERR! errno -4048
npm ERR! Syscall lstat
npm ERR! Fejl: EPERM: operation ikke tilladt, lstat
'C:\projekt\android\minApp\node_modules\fsevents\node_modules'
npm ERR! { Fejl: EPERM: operation ikke tilladt, lstat
'C:\projekt\android\minApp\node_modules\fsevents\node_modules'
npm ERR! stack: 'Fejl: EPERM: operation ikke tilladt, lstat
\'C:\\projekt\\android\\myApp\\node_modules\fsevents\\\node_modules\'',
npm ERR! errno: -4048,
npm ERR! kode: 'EPERM',
npm ERR! Systemkald: 'lstat',
npm ERR! sti: 'C:\\projekt\\android\\myApp\\node_modules\\\fsevents\\\node_modules' }
npm ERR!
npm ERR! Prøv venligst at køre denne kommando igen som root/administrator.
npm ERR! En komplet log over denne gennemgang kan findes i:
npm ERR! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Fejl opstod,Løsningen er at køre cmd som administrator og derefter køre ovenstående kommando igen！！
Brug CD'en til at indtaste vores projekt, og kør derefter følgende kommando for at starte browsertjenesten:
Når udførelsen er fuldført, vil Ionic automatisk hjælpe os med at åbne vores standardbrowser og hoppe til vores applikationsside. Når browseren åbner siden, har Ionic aktiveret livereload-tilstanden for os. Efter åbningen redigerer vi filen under www og gemmer den. Ionic vil give browseren besked om at opdatere siden via websocketen.Vi behøver ikke manuelt opdatere siden hver gang vi laver ændringer, og forbedrede vores arbejdseffektivitet betydeligt.
Som vist nedenfor:
|
Opslået på 19/06/2018 15.07.03
|
|
|
|
