Ta članek je zrcalni članek strojnega prevajanja, kliknite tukaj za skok na izvirni članek.

Pogled: 14239|Odgovoriti: 0

[ionski] Razvoj Ionic Android aplikacij (1): Vodič za začetnike

[Kopiraj povezavo]
Objavljeno na 19. 06. 2018 15:07:03 | | | |
1. Namestitev v ionskem okolju

Ionski razvoj je odvisen od okolja Nodejs, zato moramo Nodejs namestiti pred razvojem. Prenos in namestitev:Prijava do hiperpovezave je vidna.
Ko je namestitev končana, odprite PowerShell in vnesite ukaze node -v in npm -v, da preverite, ali je namestitev uspešna, in če je vrnjena številka različice, to pomeni, da je namestitev uspešna.
Izvedite v PowerShell ukazni vrstici:

To je namenjeno namestitvi cordove in ionic z uporabo npm package managerja, -g pomeni globalno namestitev, po globalni namestitvi pa lahko v katerikoli mapi v PowerShellu uporabite ukaze cordova in ionic.

Lahko naletite na naslednjo napako:

Namestite ionic in cordova vodiče
https://www.itsvse.com/thread-4841-1-1.html
(Vir: Architect_Programmer)

2. Ustvariti ionski projekt

Uradna spletna stran Ionica ponuja tri predloge projektov prazne, zavihke in stranski meni, prosimo, glejte na:Prijava do hiperpovezave je vidna.



Aplikacijo ustvarimo s predlogo zavihkov, odpremo PowerShell CD v razvojni mapi in izvedemo:

kjer je myApp ime našega projekta

Kot je prikazano spodaj:


C:\project\android>ionic start myApp tabs
√ Ustvarjanje mape .\myApp - končano!
√ Začetni prenos in izločanje zavihkov - končano!

? Bi želeli svojo novo aplikacijo integrirati s Cordovo, da ciljate na nativne iOS in Android? Da
√ Personalizacija ionic.config.json in package.json - končano!
> ionske integracije omogočajo cordovo – tiho
√ Prenos integracije cordove - končano!
√ Kopiranje datotek integracij v projekt - končano!
[V redu] Dodana cordova integracija!

Nameščanje odvisnosti lahko traja več minut.

  * IONIC DEVAPP *

Pospešite razvoj z Ionic DevApp, našo hitro mobilno aplikacijo za testiranje na napravi

  - Testiranje na iOS in Android brez nativnih SDK-jev
  - LiveReload za takojšnje posodobitve stila in JS

️--> Install DevApp:Prijava do hiperpovezave je vidna.    <--

> npm i
× Zagon ukaza - ni uspelo!
[NAPAKA]

        >node-sass@4.9.0install C:\project\android\myApp\node_modules\node-sass
        > vozliščne skripte/install.js

        Prenos binarne datoteke izPrijava do hiperpovezave je vidna.
        Prenos končan
        Binarno shranjeno v C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
        Predpomnjenje binarne datoteke v 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
        > vozliščne skripte/build.js

        Binarna datoteka najdena na C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
        Testiranje binarnega sistema
        Binarna je v redu
        Ntpm ERR! path C:\project\android\myApp\node_modules\fsevents\node_modules
        Ntpm ERR! koda EPERM
        Ntpm ERR! ERRNO-4048
        Ntpm ERR! syscall lstat
        Ntpm ERR! Napaka: EPERM: operacija ni dovoljena, lstat
        'C:\project\android\myApp\node_modules\fsevents\node_modules'
        Ntpm ERR!  { Napaka: EPERM: operacija ni dovoljena, lstat
        'C:\project\android\myApp\node_modules\fsevents\node_modules'
        Ntpm ERR!   stack: 'Napaka: EPERM: operacija ni dovoljena, lstat
        \'C:\\projekt\\android\\myApp\\node_modules\\fsevents\\node_modules\'',
        Ntpm ERR!   ERRNO: -4048,
        Ntpm ERR!   koda: 'EPERM',
        Ntpm ERR!   syscall: 'lstat',
        Ntpm ERR!   pot: 'C:\\projekt\\android\\myApp\\node_modules\\fsevents\\node_modules' }
        Ntpm ERR!
        Ntpm ERR! Prosimo, poskusite ponovno zagnati ta ukaz kot root/Administrator.

        Ntpm ERR! Celoten zapis tega teka je na voljo v:
        Ntpm ERR!     C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log

Prišlo je do napake,Rešitev je, da kot administrator zaženete cmd in nato ponovno izvedete zgornji ukaz!!



Uporabite CD za vstop v naš projekt in nato zaženite naslednji ukaz za zagon storitve brskalnika:

Ko je izvedba zaključena, nam bo Ionic samodejno pomagal odpreti privzeti brskalnik in skočiti na aplikacijsko stran, ko brskalnik odpre stran, je Ionic vklopil način livereloada za nas, po odprtju datoteke uredimo pod www in jo shranimo, Ionic bo obvestil brskalnik, naj osveži stran preko websocketa,Ni nam treba ročno osveževati strani vsakič, ko naredimo spremembe, in močno izboljšal našo delovno učinkovitost.

Kot je prikazano spodaj:






Prejšnji:Namestite ionic in cordova vodiče
Naslednji:Razlika med različicama JAVA 8u171 in 8u172
Disclaimer:
Vsa programska oprema, programski materiali ali članki, ki jih izdaja Code Farmer Network, so namenjeni zgolj učnim in raziskovalnim namenom; Zgornja vsebina ne sme biti uporabljena v komercialne ali nezakonite namene, sicer uporabniki nosijo vse posledice. Informacije na tej strani prihajajo z interneta, spori glede avtorskih pravic pa nimajo nobene zveze s to stranjo. Zgornjo vsebino morate popolnoma izbrisati z računalnika v 24 urah po prenosu. Če vam je program všeč, podprite pristno programsko opremo, kupite registracijo in pridobite boljše pristne storitve. Če pride do kakršne koli kršitve, nas prosimo kontaktirajte po elektronski pošti.

Mail To:help@itsvse.com