Belajar Cara Menginstal Framework Ionic

25/06/2016    Ekky Ridyanto    3623    Artikel Bebas

Pada artikel kali ini kita akan mencoba menginstal Framework Ionic. Syarat utama sebelum teman teman memulai membuat aplikasi berbasis ionic yaitu persiapan Instalasi Setting Development Environment dimana pada Komputer atau Laptop teman teman harus sudah terinstall seperti download dan instal NodeJS, Java JDK, dan Android SDK yang dimana gunanya Android SDK ini untuk menambahkan platform Android ke aplikasi mobile yang teman teman sedang buat. Setelah semua tool di atas sudah di siapkan yang terakhir melakukan instalasi Cordova dan Ionic. Buka command prompt ketikkan perintah berikut

Proses ini mungkin akan memakan waktu agak lama dimana menunggu proses unduh dari github selesai. Saat ditanya "Create ionic.io account to send Push Notification and use the ionic View app?" Teman teman bisa Pilih "N" dengan mengetik huruf "N" lalu enter.

yang artinya tidak ingin membuat akun di ionic lab. Selanjutnya perintah command line untuk membuat projek ionicnya penulisannya ionic start nama-aplikasi nama-theme-yang-akan-digunakan

dimana Ionic sendiri menyediakan tiga jenis template yang bisa temen temen gunakan. Tema standar yang digunakan pada projek tersebut yaitu blank, tabs, dan sidemenu yang teman teman bisa lihat pada dokumentasinya. http://ionicframework.com/getting-started/
Setelah itu masuk ke dalam direktori project ionicnya dengan mengetik :

run aplikasi ionic dibrowser dengan ketikkan di terminalnya sebagai berikut

Pilih nomor 2 untuk menjalankan aplikasi ionic pada localhost

Hasil yang dapat kita lihat adalah seperti berikut

Sampai disini teman teman sudah berhasil menginstal framework ionic dan teman sudah bisa membuat kerangka layout mobile application. Terima kasih Selamat mencoba..

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More
chatarrow