ahmadajah03 Mon Nov 2020 1 year ago

Contoh Install Membuat Project Baru dengan Angular CLI

Artikel ini akan memberikan beberapa contoh terpenting project baru angular 10. saya ingin menunjukkan angular 10 membuat project baru. Anda akan belajar bagaimana menginstal angular 10. Anda akan belajar membuat aplikasi pertama di angular 10. Anda hanya perlu beberapa langkah untuk membuat project 10 angular pertama.

Saya akan menulis tutorial langkah demi langkah tentang cara menginstal angular cli dan bagaimana Anda dapat membuat aplikasi pertama Anda dengan aplikasi angular 10.

Mari kita lihat langkah-langkah berikut:

Install Angular CLI

Jadi, jika Anda belum menginstal angular cli di sistem Anda, maka Anda dapat menginstalnya dengan menggunakan perintah berikut:

npm install -g @angular/cli

Jika angular cli berhasil diinstal, maka Anda dapat melanjutkan.

Tetapi jika Anda sudah menginstal versi lama angular maka Anda dapat memperbaruinya dengan link berikut: Upgrade ke Angular 10 .

Setelah jika Anda menjalankan perintah di bawah ini maka Anda memiliki daftar perintah yang tersedia untuk aplikasi angular.

ng

Anda akan melihat tata letak seperti di bawah ini:

Install Angular 10 Project

Sekarang, di sini kita dapat membuat project baru di angular 10 menggunakan perintah angular cli. jadi mari kita buat dengan perintah berikut:

ng new first-app

Anda akan diminta untuk beberapa hal seperti di bawah ini

1. Jika Anda ingin menambahkan peroutean Angular?

Jika Anda menjawab ya maka itu akan membuat aplikasi dengan peroutean. jika tidak maka itu akan membuat tanpa routing.

2. Format lembar gaya mana yang ingin Anda gunakan? Pilih CSS.

Anda akan melihat tata letak seperti di bawah ini:

Setelah itu Anda cukup menjalankan aplikasi angular dengan perintah berikut:

cd first-app
  
ng serve

Sekarang Anda dapat membuka browser Anda dan membuka url ini seperti ini:

http://localhost:4200

Anda akan melihat tata letak seperti di bawah ini:

Saya harap ini dapat membantu Anda ...

install angular 10 angular