lifelong learner — urip iku urup, currently working on accenture.

Chapter 0. Installasi Angular cli – Tutorial angular 2 bahasa

1
Degananda.com -

pada dua post sebelumnya mengenai angular 2 kami telah menjelaskan tentang instlalasi angular 2 dengan melakukan git clone terhadap repository angular. Proses installasi seperti itu akan menimbulkan berbagai masalah dimasa mendatang diantarannya adalah :

  • Memakan banyak untuk membuat classs / model / service / component / pipe / directive. tanpa menggunakan angular cli class tersebut harus kita tulis secara manual (meskipun kita masih bisa melakukan copypaste) tetapi terlepas dari itu ini sangat memakan waktu. Dengan angular cli kita cukup mengetik “ng g component my_component” viola ! component telah dibuatkan untuk kita. Namun tetap harus mengkonfigurasi komponen tersebut pada app.module.ts.
  • Sulit (bukan berarti tidak bisa) untuk melakukan update terhadap angular.
  • harus melakukan kompile ulang sebelum project angular dapat dijalankan (meskipun kita dapat secara manual menjalankan fungsi auto compile ketika source code kita ubah melalui module typescript secara langsung, tetapi angular cli jauh lebih powerfull karena  disupport oleh komunitas).

dua hal tersebut yang kami temukan ketika membangun aplikasi dengan angular namun tanpa menggunakan angular cli. Pada ulasan kali ini akan dibahas cara untuk melakukan installasi dan membuat angular cli. Tahapan – tahapannya adalah sebagai berikut ini :

  1. menginstall melalui node package manager (npm) :
    npm install -g @angular/cl
  2. membuat project angular baru :
    ng new NAMA_PROJECT
  3. menjalankan lite server untuk angular  (pastikan telah berada difolder project).
    ng serve
  4. viola! dengan sangat mudah project angular terjalankan.

ada beberapa perintah yang sangat dianjurkan untuk di ketahui atau dihafalkan diluar kepala.

  1. ng g component untuk membuat komponen
  2. ng g service untuk membuat services
  3. ng g pipe untuk membuat pipe
  4. ng g model untuk membuat model
  5. ng g class untuk membuat class
  6. ng g directive untuk membuat directive
  7. ng build –prod untuk mendeploy project untuk nantinnya diletakan pada server. (hasil build terletak pada folder /dist)

untuk lebih detail dapat mengunjungi link berikut ini