Panduan menginstall Ionic Framework di Linux Mint

January 27th, 2018

Ionic adalah Framework yang diciptakan oleh Max Lynch, Ben Sperry, dan Adam Bradley dari Drifty Co. pada tahun 2013. Dengan menggunakan Framework ini, kita dapat membangun aplikasi mobile menggunakan teknologi penulisan seperti membangun Website (CSS, HTML5, Jquery, Angular JS dan Sass). Aplikasi yang telah dibangun juga dapat didistribusikan melalui toko-toko aplikasi, untuk dipasang di perangkat IOS maupun Android dengan memanfaatkan Cordova.

Pada kesempatan kali ini saya akan menulis tahap-tahap menginstall Ionic di Linux mint.

Untuk menjalankan Ionic kita membutuhkan Cordova, dan untuk menginstall cordova, node js harus telah terpasang di Linux Mint kita. Untuk menginstall node js kita bisa menggunakan curl, jika komputer anda belum terinstall curl, silahkan install curl terlebih dahulu

sudo apt-get install curl

setelah selesai install curl, panggil curl untuk menginstall node js.

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash

Tunggu sampai selesai, kemudian ketik perintah

sudo apt-get install nodejs

Jika proses installasi node.js sudah selesai, kita akan menginstall ionic dengan menggunakan perintah melalui npm.

sudo npm install -g cordova ionic

Setelah proses instalasi selesai, sekarang kita akan membuat aplikasi pertama yang diberi nama tesApp.

sudo ionic start tesApp tabs

karena kita menggunakan kata tabs dibelakang nama aplikasi, maka menu di aplikasi kita akan mengambil template tabs (menu berbentuk tab di bawah).

Selain menggunakan tabs, kita juga bisa menggunkan side menu (tampilan menu hamburger seperti di website responsive). Untuk membuat applikasi dengan template side menu, perintahnya adalah

sudo ionic start tesApp sidemenu

Setelah selesai membuat applikasi, sekarang kita masuk ke direktori applikasi tersebut

cd ./tesApp

kemudian ketik perintah untuk mendapatkan alamat url ke applikasi tersebut.

sudo ionic serve

Jika muncul seperti ini di terminal anda, berarti aplikasi telah terinstall dan dapat dibangun

[INFO] Development server running
Local: http://localhost:8100
External: http://192.168.1.11:8100

buka web browser Anda dan ketik alamat tersebut.

ionic

oov_auliansyah,

0 Komentar »

Beri Komentar

Nama

Alamat Email

Alamat Website

Komentar