1.Εγκατάσταση ιοντικού περιβάλλοντος
Η ιοντική ανάπτυξη εξαρτάται από το περιβάλλον Nodejs, επομένως πρέπει να εγκαταστήσουμε το Nodejs πριν από την ανάπτυξη. Λήψη και εγκατάσταση:Η σύνδεση με υπερσύνδεσμο είναι ορατή.
Αφού ολοκληρωθεί η εγκατάσταση, ανοίξτε το PowerShell και εισαγάγετε τις εντολές κόμβος -v και npm -v για να επαληθεύσετε ότι η εγκατάσταση είναι επιτυχής και εάν επιστραφεί ο αριθμός έκδοσης, σημαίνει ότι είναι επιτυχής.
Εκτελέστε στη γραμμή εντολών του PowerShell:
Αυτό γίνεται για να εγκαταστήσετε το cordova και το ionic χρησιμοποιώντας τη διαχείριση πακέτων npm, -g σημαίνει καθολική εγκατάσταση και μετά την καθολική εγκατάσταση, μπορείτε να χρησιμοποιήσετε εντολές cordova και ionic σε οποιονδήποτε κατάλογο στο PowerShell.
Ενδέχεται να αντιμετωπίσετε το ακόλουθο σφάλμα:
2. Δημιουργήστε ένα έργο Ionic
Ο επίσημος ιστότοπος της Ionic παρέχει τρία πρότυπα έργων κενά, καρτέλες και sideMenu, ανατρέξτε στο:Η σύνδεση με υπερσύνδεσμο είναι ορατή.
Δημιουργούμε την εφαρμογή μας χρησιμοποιώντας το πρότυπο καρτελών, ανοίγουμε το cd του PowerShell στον κατάλογο ανάπτυξης και εκτελούμε:
όπου myApp είναι το όνομα του έργου μας
Οπως φαίνεται παρακάτω:
C:\project\android>ionic start myApp tabs
√ Δημιουργία καταλόγου .\myApp - ολοκληρώθηκε!
√ Λήψη και εξαγωγή καρτελών εκκίνησης - ολοκληρώθηκε!
? Θα θέλατε να ενσωματώσετε τη νέα σας εφαρμογή με το Cordova για να στοχεύσετε εγγενή iOS και Android; Ναι
√ Εξατομίκευση ionic.config.json και package.json - έγινε!
> ιοντικές ενσωματώσεις επιτρέπουν την Κόρδοβα -- αθόρυβη
√ Λήψη ενσωμάτωσης cordova - ολοκληρώθηκε!
√ Αντιγραφή αρχείων ενσωματώσεων στο έργο - έγινε!
[ΟΚ] Προστέθηκε ενσωμάτωση cordova!
Η εγκατάσταση εξαρτήσεων μπορεί να διαρκέσει αρκετά λεπτά.
* ΙΟΝΙΚΌ DEVAPP *
Επιταχύνετε την ανάπτυξη με το Ionic DevApp, τη γρήγορη εφαρμογή δοκιμών στη συσκευή μας για κινητά
- Δοκιμή σε iOS και Android χωρίς εγγενή SDK
- LiveReload για άμεσες ενημερώσεις στυλ και JS
️--> Εγκαταστήστε το DevApp:Η σύνδεση με υπερσύνδεσμο είναι ορατή. <--
> npm i
× Εκτέλεση εντολής - απέτυχε!
[ΣΦΑΛΜΑ]
>node-sass@4.9.0εγκαταστήστε το C:\project\android\myApp\node_modules\node-sass
> σενάρια κόμβων/install.js
Λήψη δυαδικού αρχείου απόΗ σύνδεση με υπερσύνδεσμο είναι ορατή.
Η λήψη ολοκληρώθηκε
Το δυαδικό αρχείο αποθηκεύτηκε στο C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Προσωρινή αποθήκευση δυαδικού αρχείου σε C:\Users\itsvse_pc\AppData\Roaming\npm-cache\node-sass\4.9.0\win32-x64-57_binding.node
>uglifyjs-webpack-plugin@0.4.6μετά την εγκατάσταση C:\project\android\myApp\node_modules\uglifyjs-webpack-plugin
> κόμβος lib/post_install.js
>node-sass@4.9.0μετά την εγκατάσταση C:\project\android\myApp\node_modules\node-sass
> σενάρια κόμβων/build.js
Το δυαδικό αρχείο βρέθηκε στο C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Δοκιμή δυαδικού
Το δυαδικό είναι μια χαρά
npm ERR! διαδρομή C:\project\android\myApp\node_modules\fsevents\node_modules
npm ERR! κωδικός EPERM
npm ERR! Σφάλμα -4048
npm ERR! syscall lstat
npm ERR! Σφάλμα: EPERM: η λειτουργία δεν επιτρέπεται, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
npm ERR! { Σφάλμα: EPERM: η λειτουργία δεν επιτρέπεται, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
npm ERR! stack: 'Σφάλμα: EPERM: η λειτουργία δεν επιτρέπεται, lstat
\'C:\\project\\android\\myApp\\node_modules\\fsevents\\node_modules\'',
npm ERR! errno: -4048,
npm ERR! κωδικός: «EPERM»,
npm ERR! syscall: 'lstat',
npm ERR! διαδρομή: 'C:\\project\\android\\myApp\\node_modules\\fsevents\\node_modules' }
npm ERR!
npm ERR! Δοκιμάστε να εκτελέσετε ξανά αυτήν την εντολή ως root/Administrator.
npm ERR! Ένα πλήρες αρχείο καταγραφής αυτής της εκτέλεσης μπορείτε να βρείτε στο:
npm ERR! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Παρουσιάστηκε σφάλμα,Η λύση είναι να εκτελέσετε το cmd ως διαχειριστής και στη συνέχεια να εκτελέσετε ξανά την παραπάνω εντολή！！
Χρησιμοποιήστε το CD για να εισέλθετε στο έργο μας και, στη συνέχεια, εκτελέστε την ακόλουθη εντολή για να ξεκινήσετε την υπηρεσία του προγράμματος περιήγησης:
Αφού ολοκληρωθεί η εκτέλεση, το Ionic θα μας βοηθήσει αυτόματα να ανοίξουμε το προεπιλεγμένο πρόγραμμα περιήγησής μας και να μεταβούμε στη σελίδα της εφαρμογής μας, όταν το πρόγραμμα περιήγησης ανοίξει τη σελίδα, το Ionic έχει ενεργοποιήσει τη λειτουργία livereload για εμάς, αφού το ανοίξουμε, επεξεργαζόμαστε το αρχείο κάτω από το www και το αποθηκεύουμε, το Ionic θα ειδοποιήσει το πρόγραμμα περιήγησης να ανανεώσει τη σελίδα μέσω του websocket,Δεν χρειάζεται να ανανεώνουμε χειροκίνητα τη σελίδα κάθε φορά που κάνουμε αλλαγές, και βελτίωσε σημαντικά την αποδοτικότητα της εργασίας μας.
Οπως φαίνεται παρακάτω:
|
Δημοσιεύτηκε στις 19/6/2018 3:07:03 μ.μ.
|
|
|
|
