1. Ionisen ympäristön asennus
Ioninen kehitys riippuu Nodejs-ympäristöstä, joten meidän täytyy asentaa Nodejs ennen kehitystä. Lataa ja asenna:Hyperlinkin kirjautuminen on näkyvissä.
Kun asennus on valmis, avaa PowerShell ja syötä komennot -v ja npm -v varmistaaksesi, että asennus onnistuu, ja jos versionumero palautetaan, se tarkoittaa, että se on onnistunut.
Suorita PowerShell-komentorivillä:
Tämä on Cordovan ja Ionicin asentamiseen npm-pakettihallinnalla, -g tarkoittaa globaalia asennusta, ja globaalin asennuksen jälkeen voit käyttää Cordova- ja Ionic-komentoja missä tahansa PowerShell-hakemistossa.
Saatat kohdata seuraavan virheen:
2. Luo Ionic-projekti
Ionicin virallinen verkkosivusto tarjoaa kolme projektipohjaa: tyhjät, välilehdet ja sivuvalikko, katso seuraavaa:Hyperlinkin kirjautuminen on näkyvissä.
Luomme sovelluksemme välilehtien mallipohjalla, avaamme PowerShell-cd:n kehityshakemistoon ja suoritamme:
missä myApp on projektimme nimi
Kuten alla on esitetty:
C:\project\android>ionic start myApp tabs
√ Luodaan kansio .\myApp - valmista!
√ Lataus ja purkaminen välilehtien aloitusohjelma – valmista!
? Haluaisitko integroida uuden sovelluksesi Cordovan kanssa kohdistaaksesi natiivit iOS:n ja Androidin? Kyllä
√ ionic.config.json ja package.json personointi – valmista!
> ioniset integraatiot mahdollistavat Cordovan --hiljaisuuden
√ Integraation lataaminen cordova – valmis!
√ Integraatiotiedostojen kopioiminen projektiin – valmista!
[OK] Lisätty Cordovan integraatio!
Riippuvuuksien asentaminen voi kestää useita minuutteja.
* IONIC DEVAPP *
Nopeuta kehitystä Ionic DevAppilla, nopealla, laitteella testattavalla mobiilisovelluksellamme
- Testaus iOS:llä ja Androidilla ilman natiiveja SDK:ita
- LiveReload välittömille tyyli- ja JS-päivityksille
️--> Asenna DevApp:Hyperlinkin kirjautuminen on näkyvissä. <--
> NPM i
× Käynnissä oleva komento epäonnistui!
[VIRHE]
>node-sass@4.9.0install C:\project\android\myApp\node_modules\node-sass
> solmuskriptit/install.js
Binäärin lataaminenHyperlinkin kirjautuminen on näkyvissä.
Lataa koko ajan
Binääri tallennettu muotoon C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Binäärin välimuisti 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
> solmu lib/post_install.js
>node-sass@4.9.0postinstall C:\project\android\myApp\node_modules\node-sass
> solmuskriptit/build.js
Binääri löytyy osoitteesta C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Binäärin testaus
Binääri on ihan ok
npm ERR! polku C:\project\android\myApp\node_modules\fsevents\node_modules
npm ERR! koodi EPERM
npm ERR! ERRNO -4048
npm ERR! syscall LSTAT
npm ERR! Virhe: EPERM: käyttö ei sallittu, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
npm ERR! { Virhe: EPERM: toiminta ei sallittu, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
npm ERR! pino: 'Virhe: EPERM: toiminta ei sallittu, lstat
\'C:\\projekti\\android\\myApp\\node_modules\\fsevents\\node_modules\'',
npm ERR! ERRNO: -4048,
npm ERR! koodi: 'EPERM',
npm ERR! syscall: 'lstat',
npm ERR! polku: 'C:\\project\\android\\myApp\\node_modules\\fsevents\\node_modules' }
npm ERR!
npm ERR! Kokeile ajaa tämä komento uudelleen root-/järjestelmänvalvojana.
npm ERR! Tämän pelin täydellinen loki löytyy osoitteesta:
npm ERR! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Virhe tapahtui,Ratkaisu on ajaa cmd järjestelmänvalvojana ja sitten suorittaa yllä oleva komento uudelleen！！
Käytä CD-levyä projektin käynnistämiseen ja suorita seuraava komento käynnistääksesi selaimen:
Kun suoritus on valmis, Ionic auttaa automaattisesti avaamaan oletusselaimen ja siirtymään sovellussivulle, kun selain avaa sivun, Ionic on käynnistänyt livereload-tilan meille, avattuamme sen muokkaamme tiedostoa www:n alla ja tallennamme sen, Ionic ilmoittaa selaimelle, että sivu päivitetään websocketin kautta,Meidän ei tarvitse päivittää sivua manuaalisesti joka kerta kun teemme muutoksia, ja paransi merkittävästi työtehokkuuttamme.
Kuten alla on esitetty:
|
Julkaistu 19.6.2018 15.07.03
|
|
|
|
