Panduan langkah demi langkah untuk membuat aplikasi "Hello World!" menggunakan Angular

Berikut panduan langkah demi langkah untuk membuat aplikasi Hello World menggunakan Angular. Pada artikel ini penulis berasumsi Anda telah men-install nodejs dan sudah familiar menggunakan console.

  1. Instal Angular CLI secara global menggunakan perintah berikut:
    npm install -g @angular/cli
  2. Buat proyek Angular baru menggunakan perintah:
    ng new hello-world
  3. Ubah direktori ke proyek yang baru dibuat:
    cd hello-world
  4. Jalankan aplikasi menggunakan perintah:
    ng serve

Ini akan memulai server pengembangan Angular pada port 4200. Buka browser web dan arahkan ke http://localhost:4200 untuk melihat aplikasi.

Aplikasi awalnya akan memiliki halaman kosong. Untuk menambahkan pesan "Hello World!", buka file app.component.html dan tambahkan kode berikut:

<h1>Hello World!</h1>

Simpan file dan segarkan browser web. Sekarang Anda akan melihat pesan "Hello World!".

Tidak ada komentar:

Posting Komentar