To get a preview of an HTML document in VSCode that auto-reloads on edits, you can use the Live Server extension. Here are the steps to set it up:

    1. Open your HTML file in VSCode.
    2. Install the Live Server extension by clicking on the "Extensions" icon on the left sidebar, searching for "Live Server" in the marketplace, and clicking the "Install" button.
    3. Once the extension is installed, click on the "Go Live" button in the bottom right corner of the VSCode window. This will launch a local server that serves your HTML file.
    4. Your HTML file should automatically open in your default browser. If it doesn't, you can click on the link that appears in the terminal output, or manually navigate to "http://localhost:5500" in your browser.
    5. As you make changes to your HTML file, the preview in your browser should automatically update.

That's it! With Live Server, you can easily preview your HTML files and see changes in real-time.
หากต้องการดูตัวอย่างเอกสาร HTML ใน VSCode ซึ่งจะโหลดซ้ำอัตโนมัติเมื่อแก้ไข คุณสามารถใช้ส่วนขยาย Live Server ได้ ต่อไปนี้เป็นขั้นตอนในการตั้งค่า: 1. เปิดไฟล์ HTML ของคุณใน VSCode 2. ติดตั้งส่วนขยาย Live Server โดยคลิกที่ไอคอน "ส่วนขยาย" บนแถบด้านข้างซ้าย ค้นหา "Live Server" ในตลาด และคลิกปุ่ม "ติดตั้ง" 3. เมื่อติดตั้งส่วนขยายแล้ว ให้คลิกที่ปุ่ม "ใช้งานจริง" ที่มุมขวาล่างของหน้าต่าง VSCode นี่จะเป็นการเปิดเซิร์ฟเวอร์ภายในที่ให้บริการไฟล์ HTML ของคุณ 4. ไฟล์ HTML ของคุณควรเปิดโดยอัตโนมัติในเบราว์เซอร์เริ่มต้นของคุณ หากไม่เป็นเช่นนั้น คุณสามารถคลิกลิงก์ที่ปรากฏในเอาต์พุตเทอร์มินัล หรือไปที่ "http://localhost:5500" ในเบราว์เซอร์ด้วยตนเอง 5. เมื่อคุณทำการเปลี่ยนแปลงไฟล์ HTML การแสดงตัวอย่างในเบราว์เซอร์ของคุณควรอัปเดตโดยอัตโนมัติ แค่นั้นแหละ! ด้วย Live Server คุณสามารถดูตัวอย่างไฟล์ HTML ของคุณและดูการเปลี่ยนแปลงแบบเรียลไทม์ได้อย่างง่ายดาย
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence