Tahap lanjutan untuk membangun web app adalah menggunakan angular command line interface, biasa disebut angular CLI. Apabila membangun web app menggunakan tool develop selain VSC (visual studio code), maka gunakan command prompt ( CMD ) di windows dan editor text utk codingnya, misal Sublime Text, notepad++ dan lainnya.

CMD digunakan untuk menjalankan perintah angular, mulai membuat folder projek, inisiasi, menambah komponen, service sampai dengan build projek itu sendiri.

Tahap menggunakan angular CLI, sebagai berikut;  (menggunakan command prompt )

Pertama,  buka CMD di windows anda

Kedua, ketik     npm install -g @angular/cli setelah itu enter untuk eksekusi perintah

                Perintah ini berfungsi untuk meng instal angular CLI agar bisa dijalankan di PC

Ketiga, arahkan path di CMD ke folder web server, apabila anda menggunakan xampp, letaknya ada di folder  ...\xampp\htdocs .  ( gunakan perintah cd )

Keempat, ketiklah perintah  ng new NamaProjek

Fungsinya adalah membuat folder NamaProjek , yang sekaligus sebagai nama web. Perintah ng new akan membuat juga semua folder dan file sesuai struktur kerangka kerja (framework ) angular.

Perintah keempat ini mensyaratkan koneksi internet, karena akan unduh  folder node_modules dan semua file pendukungnya, sebagai syarat dasar persiapan membangun web app.

Folder:  e2e, node_modules, src

File-file: .browserslistrc , .editorconfig, .gitignore, angular.json,..., tslint.json

Kelima, ketiklah ng s –o

Fungsinya adalah untuh membuka projek dengan live servernya. Artinya setiap ada perubahan di coding html, Ts, scss nya maka langsung ada perubahan tanpa refresh browser.

Menggunakan Visual Studio Code

Aktifkan atau tampilkan fitur  Terminal sebagai  pengganti CMD diwindows, sehingga tidak perlu buka CMD lagi. Semua tersedia di VSC, yaitu klik menu Terminal > new Terminal

Tahap membuat projek web app

Pertama, buka VSC dan klik open folder, arahkan ke folder ...\xampp\htdocs

Kedua, dan seterusnya sama dengan cara perintah di CMD