Setup Project Angular mengunakan Angular CLI
Sebelum memulai belajar setup Project angular, ada beberapa peralatan atau software yang perlu di persiapkan terlebih dahulu berikut ini persiapan peraltan dan software yang wajib
- NodeJS
- NPM, untuk NPM biasanya sudah terinstall pada saat menginstall NodeJS namun ada beberapa OS yang mengharuskan install NPM terpisah seperti OS Linux
- Text Editor (Visual Studio Code) atau bisa menggunakan yang lainya
- Terminal (CMD/CLI)
Setelah NodeJS dan NPM sudah terinstall kemudian kita akan menginstall Angular CLI terlebih dahulu dengan memasukan perintah
npm install -g @angular/cli
setelah Angular CLI terinstall kemudian tentukan lokasi project angular lalu masukan perintah
ng new belajar-angular
nama “belajar-angular” adalah nama project yang akan kita bikin lalu tekan enter
ketik “y” untuk menambahkan module Routing
kemudian pilih sintax Style yang di gunakan misal CSS,SCSS,Sass,Less lalu tekan Enter
tunggu sampai instalasi selesai.
setelah proses instalasi selesai kemudian masuk ke dalam project “belajar-angular”
cd belajar-angular
kemudian masukan perintah
ng serve
dan kemudian buka browser masukan alamat http://localhost:4200/
Setup project angular sudah berhasil, kalian bisa mengedit file component yang ada di dalam folder “src/app/app.component.html”