Hari ini, mari kita pelajari cara menginstal Ionic untuk membangun aplikasi kecil sederhana di komputer Anda. Banyak situs web menulis metode instalasi yang sangat rumit. Bahkan, pemula yang baru saja mulai belajar ionik, terutama mereka yang tidak memiliki banyak pengalaman pemrograman, apakah mereka akan takut? Rasanya sangat rumit, lingkungan node.js seperti apa yang diperlukan untuk menginstal, dan menginstal versi terbaru Cordova ... sebenarnya, itu tidak perlu begitu merepotkan. Izinkan saya memberi tahu Anda bagaimana saya menggunakan Ionic ketika saya sedang mengerjakan proyek.
Metode pertama: memperkenalkannya secara langsung
Langkah 1: Unduh Ionic dulu
Versi ionic terbaru diunduh di: http://ionicframework.com/docs/overview/#download.
Setelah mengunduh, unzip paket terkompresi, termasuk direktori berikut:
Salinan kode adalah sebagai berikut:
css/ => file gaya
Fonts/ => File Font
JS/ => file javascript
Version.json => Instruksi Pembaruan Versi
Anda juga dapat mengunduh file sumber daya berikut di github: https://github.com/driftyco/ionic (di direktori rilis).
Langkah 2: Perkenalkan file
Selanjutnya, kita hanya perlu memperkenalkan css/ionic.min.css dan js/ionic.bundle.min.js file di direktori di atas ke dalam proyek untuk membuat aplikasi ionik.
<ion-header-bar> <h1> halo dunia! </h1> </ion-header-bar> <Ion-content> <p> Aplikasi ionik pertama saya. </p> </ion-content>
Catatan: Dalam aplikasi seluler seperti PhoneGap, kami hanya perlu menambahkan file JS dan CSS yang sesuai ke perpustakaan sumber daya.
Metode kedua: instalasi baris perintah
Pertama, Anda perlu menginstal Node.js. Kemudian pasang versi terbaru Cordova dan Ionic melalui alat baris perintah. Instal dengan merujuk pada dokumentasi Android dan iOS resmi.
Buka Alat Baris Perintah di Window dan Linux untuk menjalankan perintah berikut:
Salinan kode adalah sebagai berikut:
$ npm instal -g cordova ionic
Gunakan perintah berikut pada sistem Mac Anda:
Salinan kode adalah sebagai berikut:
sudo npm instal -g cordova ionic
Tip: IOS perlu diinstal dan digunakan di bawah Mac OS X. dan lingkungan XCODE.
Jika Anda telah menginstal lingkungan di atas, Anda dapat menjalankan perintah berikut untuk memperbarui versi:
Salinan kode adalah sebagai berikut:
Pembaruan NPM -g Cordova Ionic
atau
Salinan kode adalah sebagai berikut:
Sudo NPM UPDATE -G Cordova Ionic
Buat aplikasi
Buat aplikasi ionik menggunakan templat aplikasi siap pakai yang disediakan oleh ionik, atau proyek kosong:
Salinan kode adalah sebagai berikut:
$ ionic Mulai tab myapp
Jalankan proyek ionik yang baru saja kami buat
Buat, uji, jalankan aplikasi Anda menggunakan alat ionik (atau buat langsung melalui Cordova).
Buat Aplikasi Android:
Salinan kode adalah sebagai berikut:
$ CD myapp
$ platform ionik menambahkan android
$ ionik membangun android
$ ionik meniru android
Buat aplikasi iOS:
Salinan kode adalah sebagai berikut:
$ CD myapp
Platform $ ionik menambahkan iOS
$ ionic build ios
$ ionik meniru iOS