Selamat Datang

Cara Menginstall & Menggunakan Ionic Framework di Windows

Cara menggunakan Ionic Framework di Windows | Sebelum mulai menggunakan Ionic saya jelaskan untuk apa Ionic framework itu. Ionic digunakan untuk membangun aplikasi mobile dengan menggunakan bahasa website, seperti HTML5, CSS, Javascript dan lainnya.

  1. Pastikan anda untuk menginstall Git For Windows dan opisional console : http://www.git-scm.com/download/win
  2. Install NodeJs http://www.nodejs.org/dist/v0.12.0/node-v0.12.0-x86.msi setelah install selesai
  3. Buka Command Prompt

yusuphamdani-ionic1

  1. NODE JS
    Cek apakah NodeJs sudah ter-install atau belum

yusuphamdani-ionic2

Jika keluar error seperti :

C:\Users\LENOVO>node -v
‘node’ is not recognized as an internal or external command,
operable program or batch file
.

Berarti Anda belum setting pathnya, cara setting path :

Select Start -> Computer -> System Properties -> Advanced system settings -> Environment Variables -> System variables -> PATH.

yusuphamdani-ionic3

  1. NPM

NPM (Node Package Manager). Ini sudah terinstall bersamaan dengan install nodejs. Tools ini akan sangat membantu saat menambahkan module nodejs akan terinstall secara default di C:\Program Files\nodejs\node_modules\npm\bin

yusuphamdani-ionic4

Cek apakah NPM sudah ter-install atau belum

yusuphamdani-ionic5

CATATAN: Setiap kali Anda membuat perubahan pada PATH, atau variabel environtment lainnya, Anda harus me-restart atau membuka tab baru dalam program shell untuk perubahan PATH berlaku.

Install Cordova

yusuphamdani-ionic6

Ketikan npm install –g cordova kemudian enter, Tunngu sampai proses install cordova selesai dan ini membutuhkan koneksi internet. Jika seudah selesai buka cmd dan cek cordova

yusuphamdani-ionic7

Install Ionic

yusuphamdani-ionic8

Tunggu sampai proses ionic selesai, kemudian cek ketikan ionic kemudian enter

yusuphamdani-ionic9

Membangun aplikasi ionic dengan command promf

yusuphamdani-ionic10

  • Pertama kita ketkan cd Desktop, ini berarti kita membuka folder desktop windows
  • Kedua kita membuat aplikasi ionic yang otomatis akan didownload dan disimpan di desktop dengan nama folder myapp
  • Myapp adalah nama aplikasi yang akan dibuat
  • Blank adalah template dari ioni, ada tiga pilihan template yang bisa dipilih blank, tabs, dan sidemenu
  • Tunggu sampai proses download selesai, disini saya perlihatkan apa bila selesai maka folder myapp akan ada di desktop

yusuphamdani-ionic11

Running aplikasi ionic di browser

yusuphamdani-ionic12

yusuphamdani-ionic13

Selamat Anda telah selesai membangun aplikasi ionic. Untuk run aplikasi di android langsung akan saya jelaskan di tutorial berikutnya ^_^





Penulis :

Nama lengkap saya Muhamad Yusup Hamdani kelahiran dibogor, saya CEO & Founder Elephant, membangun aplikasi android dan website. email daniguavara562@gmail.com View all posts by Muhamad Yusup Hamdani

Comments

5 thoughts on “Cara Menginstall & Menggunakan Ionic Framework di Windows

  1. Ali Ebrahimi says:

    Hear we have an awesome article
    I like its information
    So great
    TnQ

  2. very good article
    thanks for share it

  3. amat testing says:

    great articel !!!, so helping me !!!

Leave a Comment

XHTML: You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>


Klik Tombol Like / Suka ya kawan..

Klik tombol "Like" atau "Suka" untuk mendapatkan update tutorial, tips & tricks serta info terbaru seputar dunia web design & development