Server Pengembangan dan Penggantian Modul Panas
Jalankan server pengembangan dan pahami cara HMR menjaga peramban tetap sinkron.
Server Pengembangan dan Penggantian Modul Panas adalah pelajaran Sveltejs 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 Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Pengertian HMR
Hot Module Replacement hanya memperbarui modul yang berubah tanpa memuat ulang seluruh halaman. Keadaan aplikasi Anda biasanya tetap dipertahankan.
Menjalankan Server
Skrip dev menjalankan Vite, yang menyajikan kode Anda dengan HMR yang diaktifkan secara bawaan.
npm run devMengamati Terminal
Vite mencetak URL lokal (bawaan http://localhost:5173) dan URL jaringan jika Anda memberikan --host.
Simpan untuk Memperbarui
Edit berkas .svelte atau JS apa pun, lalu simpan. Peramban langsung diperbarui, sering kali dalam hitungan milidetik.
Mempertahankan Keadaan
Svelte mempertahankan keadaan komponen saat pembaruan HMR jika memungkinkan. Penghitung yang bernilai 5 tetap bernilai 5 setelah markah diubah.
Pemicu Pemuatan Ulang Penuh
Beberapa perubahan memaksa pemuatan ulang penuh: berkas konfigurasi, hooks server, atau kesalahan impor. Vite memberi tahu Anda melalui konsol.
Akses Jaringan
Berikan --host untuk membuka akses server pengembangan melalui LAN agar Anda dapat melakukan pengujian di ponsel.
npm run dev -- --hostKonflik Port
Jika port 5173 sedang digunakan, Vite memilih port kosong berikutnya. Anda juga dapat memaksa penggunaan port tertentu dengan --port 4000.
DevTools Peramban
Buka DevTools peramban untuk melihat peta sumber yang menunjuk kembali ke berkas .svelte asli Anda sehingga jejak tumpukan menjadi akurat.
Hamparan Kesalahan
Kesalahan sintaks atau saat aplikasi berjalan muncul sebagai hamparan di peramban. Perbaiki kodenya; hamparan akan menghilang saat disimpan.
Menghentikan Server
Tekan Ctrl+C di terminal untuk menghentikan server pengembangan. Jalankan kembali npm run dev untuk memulainya.
Pemeriksaan Singkat
Apa yang dilakukan HMR?
Rangkuman
Anda dapat menjalankan server pengembangan, memanfaatkan HMR, membukanya di jaringan, dan memulihkan diri dari kesalahan melalui hamparan.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Server Pengembangan dan Penggantian Modul Panas” gratis?
Ya — teks lengkap “Server Pengembangan dan Penggantian Modul Panas” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Server Pengembangan dan Penggantian Modul Panas”?
Jalankan server pengembangan dan pahami cara HMR menjaga peramban tetap sinkron. Kamu berlatih Sveltejs 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 Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs 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 “Server Pengembangan dan Penggantian Modul Panas” 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 Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs 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
- Apa Itu Svelte dan Mengapa Svelte Mengompilasi Kode
- Membuat Proyek dengan npm create svelte
- Struktur Proyek: src routes static
- Server Pengembangan dan Penggantian Modul Panas