Membangun dan Menyajikan
Jalankan server pengembangan dan hasilkan build.
Membangun dan Menyajikan adalah pelajaran Angular Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Angular Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Angular Academy mencakup 4 pelajaran total.
Membangun dan Menjalankan
CLI menjalankan aplikasi Anda secara lokal selama pengembangan dan menghasilkan keluaran yang dioptimalkan untuk produksi. Dua perintah utamanya adalah ng serve dan ng build.
ng serve
ng serve memulai server pengembangan lokal dengan pemuatan ulang langsung. Edit sebuah file dan peramban akan menyegarkan halaman secara otomatis.
ng serveAlamat Default
Secara default, server pengembangan berjalan di http://localhost:4200. Buka URL tersebut untuk melihat aplikasi Anda.
Mengubah Port dan Host
Ganti port atau host dengan bendera.
ng serve --port 4300 --host 0.0.0.0Membuka Peramban
Bendera open secara otomatis membuka peramban default Anda.
ng serve --open
# or: ng serve -ong build
ng build mengompilasi aplikasi menjadi file statis untuk penerapan, lalu menuliskannya ke folder dist.
ng buildOptimasi Produksi
Build produksi menerapkan optimasi: kompilasi ahead-of-time, minifikasi, tree-shaking, dan bundling, sehingga menghasilkan keluaran yang lebih kecil dan cepat.
Keluaran dist
Keluaran build berada di dist/<project-name>/. Terapkan file statis ini ke host web atau CDN mana pun.
Konfigurasi Build
angular.json mendefinisikan konfigurasi seperti production dan development. Pilih salah satunya dengan bendera configuration.
ng build --configuration productionMemantau Selama Build
Untuk melakukan build ulang secara terus-menerus tanpa menjalankan server, bendera watch akan membangun ulang aplikasi saat terjadi perubahan file.
ng build --watchMenjalankan Pengujian
Perintah terkait mencakup ng test untuk pengujian unit dan ng lint (jika dikonfigurasi) untuk analisis statis.
ng testPemeriksaan Cepat: Serve vs Build
Pengembangan lokal dibandingkan dengan penerapan.
Ringkasan: Build dan Serve
Gunakan ng serve untuk pengembangan lokal dengan pemuatan ulang langsung di localhost:4200, dan ng build untuk menghasilkan file statis yang dioptimalkan di dist/ untuk penerapan. Konfigurasi dan bendera dapat menyesuaikan host, port, serta tingkat optimasi. Anda telah menyelesaikan kursus CLI.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Membangun dan Menyajikan” gratis?
Ya — teks lengkap “Membangun dan Menyajikan” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Angular Academy, upgrade ke CoddyKit PRO. Kursus Angular Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Membangun dan Menyajikan”?
Jalankan server pengembangan dan hasilkan build. Kamu berlatih Angular Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Angular Academy?
Tidak diperlukan pengalaman sebelumnya. Angular Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.
Berapa lama pelajaran “Membangun dan Menyajikan” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Angular Academy ini?
Ya. Setiap pelajaran Angular Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Membuat Proyek Baru
- Penjelasan Struktur Proyek
- Membuat Kode dengan ng generate
- Membangun dan Menyajikan