Untuk memulai membuat aplikasi dengan angular, kalian harus sudah menginstall framework angular terlebih dahulu di komputer/laptop kalian. jika belum silahkan kunjungi tutorial Cara instalasi angular CLI.
Cara Membuat Aplikasi dengan Angular 12
Mari buka command promp / terminal kalian kemudian tentukan lokasinya dimana kalian akan menyimpan aplikasinya. sebagai contoh saya taruh di drive D dengan nama folder ANGULAR. kemudian kalian pastekan kode dibawah ini :
Untuk nama project-angular1 bisa kalian ganti sesuai nama aplikasi yang kalian inginkan, karena itu akan menjadi nama folder penyimpan script coding kalian.
Untuk contoh tampilanya seperti ini :
Kemudian kalian akan di tanya apakah akan menggunakan routing? dan untuk css nya mau menggunakan ekstensi apa? di situ ada pilihan (SCSS, SASS, LESS)
kalian ketik saja y untuk routing nya
dan kalian SCSS untuk ekstensinya dengan cara scroll (klik arah panah bawah untuk memilih ekstensi SCSS) dan enter.
untuk tampilanya akan seperti ini :
silahkan kalian tunggu hingga proses instalasi packages nya selesai. biasanya akan memakan waktu yang cukup lama.. jika sudah berhasil maka akan seperti ini :
jika sudah, silahkan kalian masuk ke dalam folder aplikasi kalian (disini penulis menamakan aplikasinya project-angular1). dengan cara :
setelah masuk ke folder aplikasinya, mari jalankan / generate aplikasinya agar bisa diakses di brower lokal. caranya :
jika kalian menemui error seperti ini:
kalian bisa mengatasinya dengan menjalankan generate dengan kode ini :
dan tampilanya akan seperti ini jika sukses :
setelah itu, kalian buka browser dan search ke url localhost:4200 .
jika berhasil maka tampilan default aplikasi kalian akan seperti ini :
sampai disini kalian sudah berhasil membuat aplikasi dengan angular, tetapi masih dengan tampilan defaultnya.
selanjutnya akan saya share tutorial lanjutanya, jadi simak saja..
#angular #membuataplikasi
Tidak ada komentar:
Posting Komentar