Praktikum 3 Membuat project baru pada Angular - Ariandy007/tekwebuad_1800016101 GitHub Wiki

Membuat project pada Angular

1. Siapkan Tools yang dibutuhkan

Ada beberapa tools yang di perlukan sebelum memulai untuk membuat project baru Angular, Beberapa tools yang dibutuhkan untuk membuat project Angular yaitu:

  1. Telah menginstall Node.js dan NPM
  2. Text Editor (Visual Studio Code) atau yang lain boleh

2. Langkah-langkah Membuat Project Baru

Langkah-langkahnya yaitu:

  1. Buka Visual Studio Code dan Buatlah 1 folder baru yang akan digunakan untuk menyimpak project Angular kita. Kemudian untuk membuat new project buka terminal pada Visual Studio Code dan jalankan command berikut :

ng new angularnodejs

Kemudian Enter, tunggu beberapa menit karna proses penginstallan mungkin membutuhkan waktu beberapa menit. Disini saya menyiman project ini dalam direktory /Documents dan dengan nama AngularNodejs. Ketika ada message "would you like to add angular routing ? pilih yes , dan ketika ada pilihan stysheet format pilih saja css yang sudah familar. Setelah selesai maka akan muncul tampilan success pada terminal.

  1. Selanjutnya coba jalankan project baru kita, pertama pindah ke dir angular node js dan jalankan dengan command ng serve

an localhost:4200 untuk mengetahui apakah project kita berhasil dibuat dengan benar, apabila telah sesuai maka akan muncul tampilan project sebagai berikut :

  1. Tambahkan element CSS untuk kita siapkan dalam mempercantik tampilan web kita, letakkan link css berikut pada src/index.html :