Artikel kali ini kita akan melanjutkan dari artikel kemarin ya teman-teman yaitu tentang cara menginstal framework ionic beserta memasang templatenya, jika disini teman-teman baru saja bergabung, saya harapkan teman-teman harus baca juga artikel sebelumnya ya teman-teman, supaya tidak bingung, dan pada artikel sebelumnya saya juga menjelaskan tentang apa itu ionic, dan apa keuntungan menggunakan framework ionic, jadi silahkan teman-teman lihat terlebih dahulu artikel saya sebelum bagi yang baru bergabung, terimakasih, oke jangan kemana-mana simak terus teman-teman.

Kemarin kita sudah sampai pada instal node.js ya teman-teman, dan kita sudah membuka cmdnya oke, disini saya akan tampilkan kembali gambar yang kemarin seperi ini ya:

cara menginstal framework ionic beserta memasang templatenya

seperti yang saya tulis kemarin untuk cara menginstal framework ionic beserta memasang templatenya, karena kita akan sering bermain di sebuah cmdnya karena di cmd itu sendiri nantinya kita akan menjalankan, memberhentikan, dan menginstal-instal npmnya, gambar di atas adalah saya hanya untuk mengecek versi dari sebuah software yang kita sudah install.

  1. tanda panah yang saya berikan di atas adalah sebuah directory dimana tempat folder aplikasi kita di letakan, karena folder aplikasi saya berada pada sebuah di data M: maka saya ketik m:
  2. kita ketikan cd nama_folder_project karena disini nama folder project saya tulis dengan nama lat_ionic maka saya ketikan cd lat_ionic.
  3. saya mencek versi dari node.jsnya
  4. selanjutnya saya juga mengetik npm –version dimana untuk mengcek npm berapa yang saya gunakan saat ini. npm ini lah gunanya dimana kita menginstall cordovanya dan ionicnya, dan pacakge yang lainya, biasanya ketika kita menginstall node.js kita secara automatis sudah menginstall npm nya.

oke selanjutnya kita ketikan di cmdnya untuk menginstall npm cordova dan ionicnya, silahkan teman-teman ketikan npm install -g ionic dan npm install -g cordova tunggu hingga selesai.

cara menginstal framework ionic beserta memasang templatenya

cara menginstal framework ionic beserta memasang templatenya

oke gambar di atas adalah proses penginstallan ya, oiya saat kita install butuh koneksi internet ya teman-teman, jadi di harapkan internetnya setabil, jika sudah silahkan teman-teman masuk ke https://ionicframework.com/getting-started#cli , nantinya disitu ada sebuah tampilan seperti ini:

cara menginstal framework ionic beserta memasang templatenya

Jadi disitu ada sebuah pilihan kita akan menginstall dengan model yang mana, ada 3 pilihan ya, blank, tabs, dan sidemenu, dan cara untuk menginstallnya ada di atasnya, karena disini saya akan memasang yang sidemenu maka kita ketikan di cmdnya ionic start myApp sidemenu , myApp adalah nama folder tempalatenya teman-teman bisa ganti dengan nama sesuka teman-teman.

cara menginstal framework ionic beserta memasang templatenya

nanti teman-teman bisa pilih yes dan yes hingga proses selesai

cara menginstal framework ionic beserta memasang templatenya

di sini saya menginstall bukan yang pro ya, jadi teman-teman bisa no jika sudah silahkan teman-tema ketikan lagi ionic serve untuk menjalankan atau melihat tempatenya apakah sudah berhasil, jangan lupa nama folder projectnya juga. seperti ini, jadi kita panggil dulu nama folder projectnya, karena tadi saya membuat dengan nama myApp jadi cd myApp enter lalu ionic serve.

cara menginstal framework ionic beserta memasang templatenya

jika sudah maka akan tampil sendiri ke web brower dan seperti ini:

cara menginstal framework ionic beserta memasang templatenya

Oke sekarang sudah jadi, dan silahkan teman-teman coba instal yang lainnya, untuk mengetes nya, dan saya rasa cukup sampai disini belajar kita tentang cara menginstal framework ionic beserta memasang templatenya, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.