โหมดนักพัฒนาใน NextJS
โหมดนักพัฒนาถูกออกแบบมาเพื่อทำให้กระบวนการเขียนโค้ดและทดสอบโค้ดสะดวกและยืดหยุ่น โหมดนี้รวมเครื่องมือต่างๆ ที่ช่วยในการค้นหาข้อผิดพลาด ทดสอบ และแก้ไขโค้ดที่จำเป็นได้อย่างรวดเร็ว
คุณลักษณะหลักของโหมดนักพัฒนา:
- การรีโหลดแบบร้อน (Hot Reload) - เมื่อมีการเปลี่ยนแปลงใดๆ ในโค้ด เซิร์ฟเวอร์ จะรีสตาร์ทอัตโนมัติและหน้าเว็บที่มีโค้ดจะถูกอัปเดต
- แสดงข้อผิดพลาดบนหน้าเว็บในเบราว์เซอร์ เพื่อให้สามารถมองเห็น และแก้ไขได้ง่ายขึ้น นอกจากนี้เบราว์เซอร์ยังแสดง ตำแหน่งของไฟล์ที่มีข้อผิดพลาด ซึ่งช่วยให้ค้นหาได้ง่ายขึ้น
- โค้ดไม่ได้รับการปรับให้เหมาะสมสำหรับประสิทธิภาพสูงสุด ดังนั้นอาจมีการตรวจสอบเพิ่มเติม คำเตือน และแม้กระทั่งการโหลดหน้าอาจช้าลงเล็กน้อย
- แสดงล็อกรายละเอียดในเทอร์มินอล เพื่อให้ติดตามสิ่งที่เกิดขึ้นบนเซิร์ฟเวอร์ได้ง่ายขึ้น
โหมดนักพัฒนาเริ่มต้นด้วย คำสั่งต่อไปนี้:
npm run dev
หลังจากนั้นในเทอร์มินอล จะปรากฏที่อยู่ เมื่อไปที่นั้น คุณจะสามารถเห็นโปรเจ็กต์ของคุณ
เพื่อออกจากโหมดนักพัฒนา
จำเป็นต้องกดคีย์ผสม
CTRL+C
เริ่มต้นโปรเจ็กต์ของคุณในโหมดนักพัฒนา
เปิดโปรเจ็กต์ของคุณในเบราว์เซอร์