1. Installation av jonisk miljö
Jonisk utveckling är beroende av Nodejs-miljön, så vi behöver installera Nodejs innan utveckling. Ladda ner och installera:Inloggningen med hyperlänken är synlig.
När installationen är klar, öppna PowerShell och ange kommandona noden -v och npm -v för att verifiera att installationen är framgångsrik, och om versionsnumret returneras betyder det att den är framgångsrik.
Kör i PowerShell-kommandoraden:
Detta är för att installera cordova och ionic med npm package manager, -g betyder global installation, och efter global installation kan du använda cordova- och ionic-kommandon i vilken katalog som helst i PowerShell.
Du kan stöta på följande fel:
2. Skapa ett joniskt projekt
Ionics officiella webbplats erbjuder tre projektmallar: tomma, flikar och sidomeny, vänligen se:Inloggningen med hyperlänken är synlig.
Vi skapar vår app med flikmallen, öppnar PowerShell-cd:n i utvecklingskatalogen och kör:
där myApp är vårt projektnamn
Som visas nedan:
C:\project\android>ionic start myApp tabs
√ Skapar katalog .\myApp - klart!
√ Nedladdning och extrahering av tabbar starter – klart!
? Skulle du vilja integrera din nya app med Cordova för att rikta in sig på native iOS och Android? Ja
√ Personifierar ionic.config.json och package.json – klart!
> joniska integrationer möjliggör cordova --quiet
√ Nedladdar integration Cordova – klart!
√ Kopiera integrationsfiler till projektet – klart!
[OK] Lagt till Cordova-integration!
Att installera beroenden kan ta flera minuter.
* JONISK DEVAPP *
Snabba upp utvecklingen med Ionic DevApp, vår snabba mobilapp för testning på enheten
- Testa på iOS och Android utan inbyggda SDK:er
- LiveReload för omedelbar stil och JS-uppdateringar
️--> installera DevApp:Inloggningen med hyperlänken är synlig. <--
> npm i
× Kör kommandot – misslyckades!
[FEL]
>node-sass@4.9.0installera C:\project\android\myApp\node_modules\node-sass
> nodskript/install.js
Nedladdning av binär frånInloggningen med hyperlänken är synlig.
Nedladdning komplett
Binär sparad till C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Caching binary till 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
> nodskript/build.js
Binärfil hittad på C:\project\android\myApp node_modules\\node-sass\vendor\win32-x64-57\binding.node
Testning av binär
Binära är okej
npm ERR! väg C:\project\android\myApp\node_modules\fsevents\node_modules
npm ERR! kod EPERM
npm ERR! errno -4048
npm ERR! Syscall lstat
npm ERR! Fel: EPERM: drift inte tillåten, lstat
'C:\projekt\android\myApp\node_modules\fsevents\node_modules'
npm ERR! { Fel: EPERM: operation ej tillåten, lstat
'C:\projekt\android\myApp\node_modules\fsevents\node_modules'
npm ERR! stack: 'Fel: EPERM: operation ej tillåten, lstat
\'C:\\projekt\\android\\myApp node_modules\\fsevents\\\node_modules\'',
npm ERR! errno: -4048,
npm ERR! kod: 'EPERM',
npm ERR! Syscall: 'lstat',
npm ERR! väg: 'C:\\projekt\\android\\myApp\\node_modules\\\fsevents\\\node_modules' }
npm ERR!
npm ERR! Försök köra detta kommando igen som root/Administrator.
npm ERR! En komplett logg över denna körning finns i:
npm ERR! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Fel uppstod,Lösningen är att köra cmd som administratör och sedan köra ovanstående kommando igen！！
Använd CD:n för att gå in i vårt projekt och kör sedan följande kommando för att starta webbläsartjänsten:
När körningen är klar hjälper Ionic oss automatiskt att öppna vår standardwebbläsare och hoppa till vår applikationssida, när webbläsaren öppnar sidan har Ionic aktiverat livereload-läget åt oss, efter att ha öppnat den redigerar vi filen under www och sparar den, Ionic meddelar webbläsaren att uppdatera sidan via websocketen,Vi behöver inte uppdatera sidan manuellt varje gång vi gör ändringar, och förbättrade vår arbetseffektivitet avsevärt.
Som visas nedan:
|
Publicerad på 2018-06-19 15:07:03
|
|
|
|
