Instalasi dan Project Setup

Node.js

Untuk instalasi Angular, Anda memerlukan node.js.

Silakan download node.js disini, pastikan download LTS version. Setelah instalasi, pastikan npm yang digunakan adalah versi 6.xx

$ npm --version

Jika versi npm yang digunakan bukan versi 6.xx, Anda dapat jalankan perintah berikut pada command prompt.

$ npm install -g npm@6

Angular CLI

Berikutnya instalasi Angular CLI, yaitu tools untuk mengenerate Angular Apps.

$ npm install -g @angular/cli@latest

Ada kemungkinan saat instalasi Angular CLI terdapat error log, Anda dapat abaikan selama terdapat pesan @angular/cli@x.x.x terinstall.

Anda dapat periksa instalasi dengan menggunakan perintah

$ ng --version

Project Setup

Buat folder untuk menyimpan angular project. Kemudian pindah kedalam direktori tersebut.

Jalankan perintah

$ ng new nama-aplikasi

Angular CLI akan menampilkan wizard untuk setup aplikasi yang berisi pertanyaan

Would you like to Add Angular routing? (y/n) : jawab n.
Which stylesheet format would you like to use? pilih CSS.

Lalu tekan Enter. Tunggu sampai Angular CLI selesai setup.

Setelah selesai, masuk ke direktori project. Lalu jalankan perintah untuk menjalankan web server.

$ cd direktori-project
$ ng serve

Tunggu kompilasi sampai selesai (pertama kali kompilasi akan memakan waktu cukup lama). Akan ditampilkan screen kurang lebih seperti berikut:

Buka browser Anda, lalu masukan alamat localhost:4200

Kurang lebih akan ditampilkan halaman web seperti berikut: (tergantung dari versi Angular yang Anda gunakan).

Sampai disini, setup Angular dan project pertama sudah berhasil dilakukan.