1. Instalasi lingkungan ionik
Pengembangan ionik tergantung pada lingkungan Nodejs, jadi kita perlu menginstal Nodejs sebelum pengembangan. Unduh dan Instal:Login hyperlink terlihat.
Setelah penginstalan selesai, buka PowerShell dan masukkan perintah node -v dan npm -v untuk memverifikasi bahwa penginstalan berhasil, dan jika nomor versi dikembalikan, itu berarti berhasil.
Jalankan di baris perintah PowerShell:
Ini untuk menginstal cordova dan ionic menggunakan pengelola paket npm, -g berarti instalasi global, dan setelah instalasi global, Anda dapat menggunakan perintah cordova dan ionic di direktori mana pun di PowerShell.
Anda mungkin mengalami kesalahan berikut:
2. Buat proyek Ionic
Situs web resmi Ionic menyediakan tiga templat proyek kosong, tab dan sideMenu, silakan merujuk ke:Login hyperlink terlihat.
Kami membuat aplikasi kami menggunakan templat tab, membuka cd PowerShell ke direktori pengembangan, dan menjalankan:
di mana myApp adalah nama proyek kami
Seperti yang ditunjukkan di bawah ini:
C:\project\android>ionic start myApp tabs
√ Membuat direktori .\myApp - selesai!
√ Mengunduh dan mengekstrak tab starter - selesai!
? Apakah Anda ingin mengintegrasikan aplikasi baru Anda dengan Cordova untuk menargetkan iOS dan Android asli? Ya
√ Mempersonalisasi ionic.config.json dan package.json - selesai!
> integrasi ionik memungkinkan cordova --senyap
√ Mengunduh integrasi cordova - selesai!
√ Menyalin file integrasi ke proyek - selesai!
[BAIK] Menambahkan integrasi cordova!
Menginstal dependensi mungkin memakan waktu beberapa menit.
* IONIC DEVAPP *
Percepat pengembangan dengan Ionic DevApp, aplikasi seluler pengujian di perangkat kami yang cepat
- Uji di iOS dan Android tanpa SDK Asli
- LiveReload untuk pembaruan gaya dan JS instan
️--> Instal DevApp:Login hyperlink terlihat. <--
> npm i
× Perintah Running - gagal!
[KESALAHAN]
>node-sass@4.9.0instal C:\project\android\myApp\node_modules\node-sass
> skrip/install.js node
Mengunduh biner dariLogin hyperlink terlihat.
Unduh lengkap
Biner disimpan ke C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Caching biner ke 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: \ proyek \ android \ myApp \ node_modules \ uglifyjs-webpack-plugin
> simpul lib/post_install.js
>node-sass@4.9.0postinstall C:\project\android\myApp\node_modules\node-sass
> skrip node/build.js
Biner ditemukan di C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Menguji biner
Biner baik-baik saja
npm ERR! jalur C:\project\android\myApp\node_modules\fsevents\node_modules
npm ERR! kode EPERM
npm ERR! Errno -4048
npm ERR! syscall lstat
npm ERR! Kesalahan: EPERM: operasi tidak diizinkan, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
npm ERR! { Kesalahan: EPERM: operasi tidak diizinkan, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
npm ERR! stack: 'Kesalahan: EPERM: operasi tidak diizinkan, lstat
\'C:\\project\\android\\myApp\\node_modules\\fsevents\\node_modules\'',
npm ERR! errno: -4048,
npm ERR! kode: 'EPERM',
npm ERR! syscall: 'lstat',
npm ERR! jalur: 'C:\\project\\android\\myApp\\node_modules\\fsevents\\node_modules' }
npm ERR!
npm ERR! Silakan coba jalankan perintah ini lagi sebagai root/Administrator.
npm ERR! Log lengkap dari eksekusi ini dapat ditemukan di:
npm ERR! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Terjadi kesalahan,Solusinya adalah menjalankan cmd sebagai administrator, lalu menjalankan perintah di atas lagi！！
Gunakan CD untuk masuk ke proyek kami, lalu jalankan perintah berikut untuk memulai layanan browser:
Setelah eksekusi selesai, Ionic akan secara otomatis membantu kami membuka browser default kami dan melompat ke halaman aplikasi kami, ketika browser membuka halaman, Ionic telah mengaktifkan mode livereload untuk kami, setelah membukanya, kami mengedit file di bawah www dan menyimpannya, Ionic akan memberi tahu browser untuk menyegarkan halaman melalui websocket,Kita tidak perlu menyegarkan halaman secara manual setiap kali kita membuat perubahan, dan sangat meningkatkan efisiensi kerja kami.
Seperti yang ditunjukkan di bawah ini:
|
Diposting pada 19/06/2018 15.07.03
|
|
|
|
