Jika anda membaca tulisan saya tentang Pengertian angular cli dan single page application, maka setidaknya anda akan paham apa itu angular cli. Artikel ini akan membahas sisi praktis dari artikel sebelumnya yaitu bagaimana cara menginstall angular 6 serta membuat project pertama anda dengan angular.
Kebutuhan Installasi
- node, hingga saat artikel ini ditulis node telah mencapai versi 10.12.0 dengan versi LTS nya 8.12.0. Saya menyarankan anda menggunakan versi LTS.
- npm (node package manager), package manajer untuk node. Nantinya penggunaan library tambahan dalam angular memakai npm.
Kedua kebutuhan diatas dapat di install sekaligus melalui node. Masuklah ke laman node untuk mendowload installernya. Installasi node cukup mudah, cukup ikuti wizard hingga selesai.
Untuk memastikan node telah terinstall di komputer anda, gunakan perintah berikut pada terminal.
Cara menginstall angular 6
Ketikkan perintah berikut pada terminal anda untuk menginstall angular cli.
Tunggu hingga proses installasi selesai, lalu ketikkan perintah di bawah ini untuk memastikan angular cli berhasil di install.
Jika gambar di atas muncul di terminal, maka proses pemasangan angular cli di komputer anda telah berhasil.
Membuat project pertama anda di angular
Pertama, tentukan direktori tempat anda ingin membuat project, di sini saya akan menyimpan project di direktori /Documents. Lalu ketikkan perintah di bawah ini untuk membuat project.
ng new adalah command cli untuk men-generate project baru di angular, selanjutnya adalah nama untuk project anda, pada contoh di atas saya menggunakan hello-angular untuk nama project.
Tunggu beberapa saat hingga proses generate selesai, lamanya bergantung pada spesifikasi dan jaringan internet pada komputer anda.
Jika berhasil, selanjutnya anda dapat menjalankan aplikasi angular pertama anda. Masuklah ke dalam direktori project, karna direktori project saya adalah hello-angular maka saya akan masuk ke direktori hello-angular.
Kemudian ketikkan perintah di bawah ini.
Jika command di atas berhasil, anda akan melihat gambar berikut di terminal anda. Sebagai bukti bahwa project hello-angular telah siap dibuka di jendela browser.
Selanjutnya, buka browser anda dan ketikkan alamat locahost:4200 pada bagian url. Maka laman browser anda akan menampilkan hasil dari project baru anda.
Sampai di sini anda telah berhasil menginstall angular cli dan membuat project pertama anda dengan angular. Semoga bermanfaat.
