Membuat Kode dengan ng generate
Buat kerangka komponen, layanan, dan lainnya.
Membuat Kode dengan ng generate adalah pelajaran Angular Academy gratis di CoddyKit. Ini adalah pelajaran 3 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.
Membuat Kode dengan ng generate
Perintah ng generate (disingkat menjadi ng g) membuat kerangka blok penyusun Angular dengan kode awal dan konvensi penamaan yang tepat.
Membuat Komponen
Buat komponen mandiri dengan satu perintah.
ng generate component hello
# short form:
ng g component helloYang Dibuat
Perintah ini membuat hello.component.ts, .html, lembar gaya, dan pengujian .spec.ts, serta menggunakan mode mandiri secara default.
Membuat di Dalam Folder
Berikan jalur untuk menempatkan komponen di subfolder.
ng g component features/dashboardMembuat Layanan
Buat layanan yang dapat diinjeksi dengan skema layanan.
ng g service data
# creates data.service.ts with @InjectableMembuat Direktif
Direktif mandiri dibuat dengan cara serupa.
ng g directive highlightMembuat Pipe
Buat pipe khusus untuk transformasi template.
ng g pipe truncateMembuat Guard
Guard rute melindungi navigasi. CLI membuat kerangka guard fungsional.
ng g guard authPratinjau Dry Run
Gunakan bendera dry-run untuk melihat pratinjau yang akan dibuat tanpa menulis file.
ng g component hello --dry-runMelewati File Pengujian
Tambahkan bendera untuk melewati pembuatan pengujian .spec.ts jika Anda tidak menginginkannya.
ng g component hello --skip-testsTemplate dan Gaya Sebaris
Anda dapat meminta template dan gaya sebaris, bukan file terpisah.
ng g component badge --inline-template --inline-stylePemeriksaan Cepat: ng generate
Membuat kerangka blok penyusun.
Ringkasan: Pembuatan
ng generate (ng g) membuat kerangka komponen, layanan, direktif, pipe, dan guard dengan konvensi yang tepat. Bendera seperti --dry-run, --skip-tests, dan --inline-template menyesuaikan keluaran. Berikutnya: membangun dan menjalankan aplikasi.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Membuat Kode dengan ng generate” gratis?
Ya — teks lengkap “Membuat Kode dengan ng generate” 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 “Membuat Kode dengan ng generate”?
Buat kerangka komponen, layanan, dan lainnya. 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 3 dari 4.
Berapa lama pelajaran “Membuat Kode dengan ng generate” 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