Membuat Hello World dari NativeScript CLI

Sebelum ke tahap ini pastikan Anda sudah menginstall NativeScript CLI dikomputer, berikut link cara installnya:

Secara default, NativeScript sudah membuatkan scaffolds untuk kita setiap memulai sebuah project, jadi kita tidak harus secara manual menyusun stukture folder awalnya,

  1. Buka terminal/command prompt, lalu ketik
    tns create hello-world
    lalu jika berhasil akan muncul message
    Project hello-world was successfully created
    dan struktur file projeknya akan seperti ini:
  2. Menambahkan platform yang ingin Anda buat untuk project ini (iOS atau Android)
    cd hello-world
    tns platform add ios
    tns platform add android
    Proses diatas memerlukan sedikit waktu (tergantung koneksi internet Anda), dan proses menambahkan platform ini bertujuan untuk menjalankan aplikasi Anda pada spesifik platform yaitu iOS atau android.
  3. Menjalankan aplikasi
    Ada dua cara untuk mengetes atau menjalankan aplikasi:

    • Dengan emulator
      tns run ios --emulator
      atau
      tns run android --emulator

    • Dengan devicenya secara langsung yang disambungkan melalui USB
      tns run ios
      atau
      tns run android
      Note: untuk process menjalankan aplikasi pada saat pertama kali akan terasa sedikit lama, tetapi ketika yang kedua kalinya Anda jalankan maka akan lebih cepat (tergantung dengan PC/laptop Anda)

dalam hal ini Saya lebih suka untuk langsung menjalankan dari devicenya langsung (tns run ios), apalagi jika spek komputer Anda RAMnya kecil, akan sangat berat jika menggunakan emulator

Berikut adalah hasil tampilan aplikasinya setelah dijalankan pada device:

Dan Yesss! Anda berhasil membuat native aplikasi untuk mobile.

Cendekia P Putra

< Software Developer /> | @cendekiapp | me@cendekiapp.com

Jakarta, Indonesia http://cendekiapp.com