1. Installasjon av ionisk miljø
Ionisk utvikling avhenger av Nodejs-miljøet, så vi må installere Nodejs før utvikling. Last ned og installer:Innloggingen med hyperkoblingen er synlig.
Etter at installasjonen er fullført, åpne PowerShell og skriv inn kommandoene node -v og npm -v for å verifisere at installasjonen er vellykket, og hvis versjonsnummeret returneres, betyr det at den er vellykket.
Kjør i PowerShell-kommandolinjen:
Dette er for å installere Cordova og Ionic ved å bruke npm-pakkebehandleren, -g betyr global installasjon, og etter global installasjon kan du bruke cordova- og ionic-kommandoer i hvilken som helst mappe i PowerShell.
Du kan støte på følgende feil:
2. Lag et jonisk prosjekt
Ionics offisielle nettside tilbyr tre prosjektmaler: tomt, faner og sidemeny, vennligst se til:Innloggingen med hyperkoblingen er synlig.
Vi lager appen vår ved å bruke fanemalen, åpner PowerShell-cd-en i utviklingskatalogen, og kjører:
hvor myApp er prosjektnavnet vårt
Som vist nedenfor:
C:\project\android>ionic start myApp tabs
√ Oppretter katalog .\myApp - ferdig!
√ Nedlasting og utpakking av faner starter – ferdig!
? Ønsker du å integrere den nye appen din med Cordova for å målrette native iOS og Android? Ja
√ Personlig tilpasset ionic.config.json og package.json – ferdig!
> ioniske integrasjoner muliggjør cordova – stille
√ Nedlasting av integrasjonscordova – ferdig!
√ Kopierer integrasjonsfiler til prosjekt – ferdig!
[OK] Lagt til Cordova-integrasjon!
Installasjon av avhengigheter kan ta flere minutter.
* IONISK DEVAPP *
Øk utviklingen med Ionic DevApp, vår raske mobilapp for testing på enheten
- Test på iOS og Android uten native SDK-er
- LiveReload for umiddelbar stil og JS-oppdateringer
️--> installer DevApp:Innloggingen med hyperkoblingen er synlig. <--
> NPM I
× Kjører kommando – feilet!
[FEIL]
>node-sass@4.9.0installer C:\project\android\myApp\node_modules\node-sass
> nodeskript/install.js
Nedlasting av binærfil fraInnloggingen med hyperkoblingen er synlig.
Nedlasting fullført
Binær lagret til C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Cache binær 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
> nodeskript/build.js
Binær funnet på C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node.
Testing av binært
Binært er greit
npm ERR! sti C:\project\android\myApp\node_modules\fsevents\node_modules
npm ERR! kode EPERM
npm ERR! errno -4048
npm ERR! syscall lstat
npm ERR! Feil: EPERM: operasjon ikke tillatt, lstat
'C:\prosjekt\android\myApp\node_modules\fsevents\node_modules'
npm ERR! { Feil: EPERM: operasjon ikke tillatt, lstat
'C:\prosjekt\android\myApp\node_modules\fsevents\node_modules'
npm ERR! stakk: 'Feil: EPERM: operasjon ikke tillatt, lstat
\'C:\\prosjekt\\android\\myApp\\\node_modules\\fsevents\\\node_modules\'',
npm ERR! errno: -4048,
npm ERR! kode: 'EPERM',
npm ERR! Syscall: 'LSTAT',
npm ERR! sti: 'C:\\prosjekt\\android\\myApp\\node_modules\\\fsevents\\\node_modules' }
npm ERR!
npm ERR! Vennligst prøv å kjøre denne kommandoen igjen som root/administrator.
npm ERR! En komplett logg over denne kjøringen finnes i:
npm ERR! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Feil oppsto,Løsningen er å kjøre cmd som administrator, og så kjøre kommandoen ovenfor igjen！！
Bruk CD-en for å gå inn i prosjektet vårt, og kjør deretter følgende kommando for å starte nettlesertjenesten:
Etter at utførelsen er fullført, vil Ionic automatisk hjelpe oss med å åpne standardnettleseren og hoppe til applikasjonssiden vår, når nettleseren åpner siden, har Ionic slått på livereload-modus for oss, etter å ha åpnet den, redigerer vi filen under www og lagrer den, Ionic vil varsle nettleseren om å oppdatere siden via websocketen,Vi trenger ikke å oppdatere siden manuelt hver gang vi gjør endringer, og forbedret arbeidseffektiviteten vår betydelig.
Som vist nedenfor:
|
Publisert på 19.06.2018 15:07:03
|
|
|
|
