การแก้ไขปัญหา VSCode Live Server:เหตุใดจึงล้มเหลวในการเปิดใช้งานและวิธีแก้ไข

VSCode มีส่วนขยายที่ยอดเยี่ยมมากมาย และ Live Server ก็เป็นหนึ่งในส่วนขยายที่ดีที่สุด

ด้วยการคลิกเพียงไม่กี่ครั้ง Live Server ช่วยให้คุณเห็นเพจของคุณถ่ายทอดสดในเบราว์เซอร์จริง ยิ่งไปกว่านั้น ยังมีฟีเจอร์การโหลดซ้ำแบบเรียลไทม์ ดังนั้นหากคุณอัปเดตโค้ดของคุณ การเปลี่ยนแปลงจะมีผลในเบราว์เซอร์ด้วย

สิ่งที่คุณต้องทำคือคลิกขวาในไฟล์ HTML ที่คุณต้องการดู คลิกขวา จากนั้นเลือก "เปิดด้วยเซิร์ฟเวอร์สด":

เซิร์ฟเวอร์สดกำลังทำงานอยู่

แต่จะเกิดอะไรขึ้นถ้า Live Server ไม่เปิดเบราว์เซอร์ของคุณและแสดงเพจของคุณอย่างที่คุณคาดหวัง หากสิ่งนี้เกิดขึ้นกับคุณ คุณสามารถลองทำสิ่งต่อไปนี้ได้

รีสตาร์ท VSCode

บางครั้งสิ่งที่ดีที่สุดที่คุณสามารถทำได้คือเริ่ม VSCode ตั้งแต่ต้น

ขั้นแรก บันทึกงานทั้งหมดของคุณ จากนั้นปิด VSCode ซึ่งจะหยุดส่วนขยายทั้งหมดที่คุณติดตั้งด้วย

จากนั้น เปิด VSCode อีกครั้งแล้วลองอีกครั้ง – ไปที่ไฟล์ HTML ที่คุณต้องการดู คลิกขวา และเลือก "เปิดด้วยเซิร์ฟเวอร์สด"

ตั้งค่าเบราว์เซอร์สำหรับเซิร์ฟเวอร์สด

อาจเป็นไปได้ว่าส่วนขยายใช้งานได้ แต่ระบบของคุณไม่มีเบราว์เซอร์เริ่มต้น

แม้ว่าคุณจะตั้งค่าเบราว์เซอร์เริ่มต้นสำหรับระบบของคุณแล้ว การแจ้งให้ Live Server ทราบว่าคุณต้องการใช้เบราว์เซอร์ใดอย่างชัดเจนก็ไม่เสียหาย

ขั้นแรก เปิด Command Palette ด้วย F1 จากนั้นพิมพ์ 03 และเลือกตัวเลือกนั้น

นี่จะเป็นการเปิด VSCode ของคุณ 12 ไฟล์.

เลื่อนไปจนสุดด้านล่างของไฟล์ เพิ่มลูกน้ำหลังการตั้งค่าล่าสุด จากนั้นวางใน 20 :

โปรดทราบว่าคุณสามารถใช้ 34 ได้เช่นกัน , 42 หรือเบราว์เซอร์อื่นใดเป็นค่าสำหรับ 51 การตั้งค่า