Angular Tutorial Bahasa Indonesia ; framework web dev : tahap kedua node package manager , npm
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
Leave a Comment