Pelayan Pembangunan dan Penggantian Modul Panas
Jalankan pelayan pembangunan dan fahami cara HMR memastikan pelayar anda sentiasa selaras.
Pelayan Pembangunan dan Penggantian Modul Panas ialah pelajaran Sveltejs Academy percuma di CoddyKit. Ini ialah pelajaran 4 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Sveltejs Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Sveltejs Academy merangkumi sejumlah 4 pelajaran.
Apakah HMR
Hot Module Replacement hanya mengemas kini modul yang berubah tanpa memuat semula halaman sepenuhnya. Keadaan aplikasi Anda biasanya kekal.
Mulakan Pelayan
Skrip dev memulakan Vite, yang menyediakan kod Anda dengan HMR didayakan secara lalai.
npm run devPerhatikan Terminal
Vite memaparkan URL tempatan (lalai http://localhost:5173) dan URL rangkaian jika Anda memberikan --host.
Simpan untuk Mengemas Kini
Edit mana-mana fail .svelte atau JS dan simpan. Pelayar dikemas kini serta-merta, lazimnya dalam beberapa milisaat.
Pengekalan Keadaan
Svelte mengekalkan keadaan komponen merentasi kemas kini HMR apabila boleh. Pembilang pada nilai 5 kekal pada 5 selepas penyesuaian penanda.
Pencetus Muat Semula Penuh
Sesetengah perubahan memaksa muat semula penuh: fail konfigurasi, cangkuk pelayan atau ralat import. Vite memaklumkan perkara ini dalam konsol.
Akses Rangkaian
Berikan --host untuk mendedahkan pelayan pembangunan pada LAN Anda supaya Anda boleh mengujinya pada telefon.
npm run dev -- --hostKonflik Port
Jika port 5173 telah digunakan, Vite memilih port kosong yang seterusnya. Anda juga boleh memaksa port dengan --port 4000.
DevTools Pelayar
Buka DevTools pelayar untuk melihat peta sumber yang menunjuk kembali kepada fail .svelte asal Anda bagi mendapatkan jejak tindanan yang tepat.
Tindanan Ralat
Ralat sintaks atau masa jalan muncul sebagai tindanan dalam pelayar. Betulkan kod tersebut; tindanan akan hilang apabila disimpan.
Menghentikan Pelayan
Tekan Ctrl+C dalam terminal untuk menghentikan pelayan pembangunan. Jalankan semula npm run dev untuk memulakannya kembali.
Semakan Pantas
Apakah yang dilakukan oleh HMR?
Ringkasan
Anda boleh memulakan pelayan pembangunan, mendapat manfaat daripada HMR, mendedahkannya pada rangkaian Anda dan memulihkan keadaan selepas ralat melalui tindanan.
Pelajari HTML dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 41
- Pelajaran
- 163
Soalan Lazim
Adakah pelajaran “Pelayan Pembangunan dan Penggantian Modul Panas” percuma?
Ya — teks penuh “Pelayan Pembangunan dan Penggantian Modul Panas” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Sveltejs Academy, tingkat taraf kepada CoddyKit PRO. Kursus Sveltejs Academy merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Pelayan Pembangunan dan Penggantian Modul Panas”?
Jalankan pelayan pembangunan dan fahami cara HMR memastikan pelayar anda sentiasa selaras. Anda berlatih Sveltejs Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Sveltejs Academy?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Sveltejs Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 4 daripada 4.
Berapa lamakah pelajaran “Pelayan Pembangunan dan Penggantian Modul Panas” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Apakah Svelte dan Mengapa Ia Dikompilasi
- Mencipta Projek dengan npm create svelte
- Struktur Projek: src routes static
- Pelayan Pembangunan dan Penggantian Modul Panas