หากคุณใช้ไฟล์ HTML, PHP หรือ JS คุณอาจต้องการเปิดในเบราว์เซอร์ของคุณจาก Visual Studio Code อย่างไรก็ตาม ไม่มีตัวเลือกแบบบูรณาการที่จะทำเช่นนั้น สิ่งนี้อาจทำให้คุณหงุดหงิด โดยเฉพาะอย่างยิ่งหากคุณต้องการดูผลลัพธ์ของการเข้ารหัสอย่างรวดเร็ว
โชคดีที่คุณสามารถเปิดใช้ฟังก์ชัน “เปิดในเบราว์เซอร์” ด้วยวิธีอื่นได้ บทความนี้จะแสดงวิธีการทำเช่นนั้น
วิธีเปิดในเบราว์เซอร์ใน VS Code บนพีซี Windows
วิธีที่ง่ายที่สุดในการรับตัวเลือกเปิดในเบราว์เซอร์สำหรับ Visual Studio Code ใน Windows คือการใช้ส่วนขยาย การติดตั้งส่วนขยายใน Visual Studio Code ค่อนข้างตรงไปตรงมา เช่นเดียวกับการใช้ส่วนขยายเพื่อเปิดไฟล์ในเบราว์เซอร์
คุณจะพบส่วนขยายที่เป็น ประโยชน์มากมายในVisual Studio Marketplace หรือคุณสามารถรับส่วนขยาย Open in Browser พร้อมบทวิจารณ์เชิงบวกจากผู้ใช้ได้ที่นี่: ส่วนขยาย 1 , ส่วนขยาย 2 , ส่วนขยาย 3 , ส่วนขยาย 4
วิธีเปิดในเบราว์เซอร์ใน VS Code บน Mac
Visual Studio Code สามารถอัปเกรดได้โดยใช้ส่วนขยายต่างๆ ที่เพิ่มฟังก์ชันการทำงานของโปรแกรม ส่วนขยายประเภทหนึ่งสามารถเปิดใช้งานการเปิดไฟล์ HTML, PHP หรือ JS ในเบราว์เซอร์เริ่มต้นหรือเบราว์เซอร์อื่น ต่อไปนี้คือวิธีเปิดใช้งานตัวเลือกนั้นบน Mac
Visual Studio Marketplaceมีส่วนขยายให้เลือกมากมายที่สามารถเพิ่มฟังก์ชันใหม่ให้กับ Visual Studio Code เว็บไซต์นี้ควรค่าแก่การสำรวจหากคุณต้องการปรับแต่งโปรแกรมเพิ่มเติม และหากคุณสนใจส่วนขยาย Open in Browser โดยเฉพาะ ต่อไปนี้เป็นคำแนะนำบางประการ: ส่วนขยาย 1 , ส่วนขยาย 2 , ส่วนขยาย 3 , ส่วนขยาย 4
เปิดในเบราว์เซอร์ทางลัด
เกือบทุกส่วนขยาย Open in Browser สำหรับ Visual Studio Code มาพร้อมกับแป้นพิมพ์ลัดที่เปิดใช้งาน อย่างไรก็ตาม ทางลัดจะไม่เหมือนกัน แต่ส่วนขยายแต่ละรายการมีชุดคีย์เฉพาะที่จะเปิดใช้งานการเปิดไฟล์ในเบราว์เซอร์ของคุณ
ต่อไปนี้คือแป้นพิมพ์ลัดสำหรับส่วนขยายที่แนะนำในบทความนี้
โปรดทราบว่าทางลัดเหล่านี้จะใช้ได้กับส่วนขยายที่เกี่ยวข้องที่ลิงก์ในบทความนี้เท่านั้น หากคุณเลือกที่จะติดตั้งส่วนขยายอื่น ทางลัดที่เกี่ยวข้องน่าจะแสดงอยู่ในหน้า Marketplace
เรียกใช้ HTML ใน Visual Studio Code
หากคุณสนใจที่จะทำงานกับ HTML ใน Visual Studio Code ต่อไปนี้เป็นวิธีการเรียกใช้โค้ด HTML ภายในโปรแกรม
วิธีแรกประกอบด้วยการโหลดไฟล์ที่คุณต้องการเรียกใช้ด้วยตนเอง
วิธีการด้วยตนเองสามารถช่วยติดตามงานของคุณได้ อย่างไรก็ตาม มีวิธีแก้ไขที่ดีกว่าคือการโหลดอัตโนมัติ ตัวเลือกนี้จะทำให้คุณต้องติดตั้งส่วนขยายอื่น แต่ควรคุ้มค่ากับเวลา
ส่วนขยาย Visual Studio Code HTML ที่มีประโยชน์อื่นๆ
ตามที่กล่าวไว้ Visual Studio Marketplace เต็มไปด้วยเครื่องมือที่ยอดเยี่ยม ซึ่งหลายเครื่องมือมุ่งไปที่ HTML ต่อไปนี้เป็นส่วนขยายที่มีประโยชน์และให้คะแนนดีที่สุด 10 รายการสำหรับ HTML
คุณสามารถเรียกใช้รหัส Visual Studio จากเบราว์เซอร์ของคุณ
นอกจากการเรียกใช้ไฟล์ HTML ในเบราว์เซอร์แล้ว ยังสามารถใช้ Visual Studio Code ทั้งหมดทางออนไลน์ได้อีกด้วย คุณต้องเปิดใช้เวอร์ชันเฉพาะของโปรแกรมที่พัฒนาขึ้นสำหรับการใช้งานเบราว์เซอร์
เป็นที่น่าสังเกตว่าเวอร์ชันนี้มีน้ำหนักเบากว่ามากเมื่อเทียบกับ Visual Studio Code บนเดสก์ท็อป อย่างไรก็ตาม มันสามารถเป็นโซลูชันที่ตรงไปตรงมาสำหรับพื้นที่เก็บข้อมูลและการนำทางไฟล์ที่ง่ายดาย รวมถึงการเปลี่ยนแปลงโค้ดเล็กน้อย
หากคุณต้องการลองใช้เบราว์เซอร์ Visual Studio Code คุณสามารถเริ่มต้นได้ทันทีโดยคลิกที่นี่
ทำให้ไฟล์ HTML ของคุณทำงานได้
การเปิดไฟล์ HTML ในเบราว์เซอร์ของคุณทำได้ง่ายด้วยส่วนขยายเฉพาะสำหรับ Visual Studio Code หากคุณตัดสินใจที่จะสำรวจข้อเสนอส่วนขยายมากมายสำหรับเครื่องมือเขียนโค้ดนี้ ฟังก์ชันเปิดในเบราว์เซอร์จะเป็นเพียงจุดเริ่มต้นของการเดินทางของคุณ
คุณเปิดไฟล์ HTML ในเบราว์เซอร์ที่คุณเลือกได้หรือไม่ คุณใช้ส่วนขยายใด แจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง
ค้นพบวิธีใช้ประโยชน์จาก Focus Sessions ใน Windows 11 เพื่อการเรียนที่มีประสิทธิภาพ เรียนรู้เคล็ดลับทีละขั้นตอนเพื่อลดสิ่งรบกวน เพิ่มสมาธิ และบรรลุผลการเรียนที่ดีขึ้นด้วยเครื่องมือเพิ่มประสิทธิภาพการทำงานในตัวนี้
กำลังประสบปัญหาข้อผิดพลาด "DNS Probe Finished Nxdomain" บน Windows 11 อยู่ใช่ไหม? ค้นพบวิธีแก้ไขปัญหา DNS อย่างรวดเร็ว กู้คืนการเชื่อมต่ออินเทอร์เน็ต และกลับมาใช้งานออนไลน์ได้โดยไม่หงุดหงิด คู่มือทีละขั้นตอนสำหรับผู้เริ่มต้น
กำลังประสบปัญหาข้อผิดพลาด "Driver Overran Stack Buffer" ใน Windows 11 อยู่ใช่ไหม? ค้นพบวิธีแก้ไขแบบทีละขั้นตอนที่ได้รับการพิสูจน์แล้ว เพื่อแก้ไขปัญหา BSOD ที่น่าหงุดหงิดนี้ได้อย่างรวดเร็ว และทำให้พีซีของคุณกลับมาทำงานได้อย่างราบรื่นอีกครั้ง อัปเดตด้วยเคล็ดลับล่าสุดเพื่อประสิทธิภาพสูงสุด
เรียนรู้วิธีการใช้งาน Windows Defender ซึ่งเป็นโปรแกรมป้องกันไวรัสในตัวของ Windows 11 อย่างถูกต้อง เพื่อความปลอดภัยสูงสุด รับคำแนะนำทีละขั้นตอน เคล็ดลับ และแนวทางปฏิบัติที่ดีที่สุดในการปกป้องพีซีของคุณอย่างมีประสิทธิภาพ
กำลังประสบปัญหาข้อผิดพลาด iCloud Media Library ที่น่าหงุดหงิดบน Windows 11 อยู่ใช่ไหม? พบกับวิธีแก้ไขแบบทีละขั้นตอนที่ได้รับการพิสูจน์แล้ว เพื่อให้การซิงค์ข้อมูลกลับมาราบรื่นและคุณสามารถเข้าถึงรูปภาพ เพลง และอื่นๆ ได้อย่างง่ายดาย ไม่จำเป็นต้องมีความเชี่ยวชาญด้านเทคโนโลยี คุณก็สามารถกลับมาเพลิดเพลินกับเนื้อหา iCloud ของคุณได้อย่างไม่มีปัญหา
กำลังประสบปัญหาข้อผิดพลาด "ม่านปิดกล้องเว็บแคมเพื่อความเป็นส่วนตัว" ใน Windows 11 อยู่ใช่ไหม? ค้นพบวิธีแก้ไขที่ได้ผลจริงเพื่อกู้คืนการเข้าถึงกล้องของคุณอย่างรวดเร็วและปลอดภัย คู่มือทีละขั้นตอนเพื่อการแก้ไขปัญหาอย่างราบรื่น
กำลังประสบปัญหาเมนูบริบท (Context Menu) ที่ซับซ้อนเกินไปใน Windows 11 ใช่ไหม? ค้นพบคู่มือฉบับสมบูรณ์ที่จะช่วยแก้ปัญหาการสลับเมนูบริบทจากแบบคลาสสิกไปเป็นแบบใหม่ได้อย่างง่ายดาย เพื่อประสบการณ์การใช้งานที่ราบรื่นยิ่งขึ้น มีคำแนะนำทีละขั้นตอน เคล็ดลับ และวิธีการแก้ไขปัญหาอยู่ภายในเล่มนี้
กำลังประสบปัญหาเกี่ยวกับ Safe Mode ของ Windows 11 ที่มีข้อผิดพลาดเกี่ยวกับการเชื่อมต่อเครือข่ายอยู่ใช่ไหม? พบกับวิธีแก้ไขแบบทีละขั้นตอนที่ได้รับการพิสูจน์แล้ว เพื่อกู้คืนระบบของคุณอย่างรวดเร็วและกลับมาใช้งานออนไลน์ได้โดยไม่มีปัญหา อัปเดตด้วยเคล็ดลับการแก้ไขปัญหาล่าสุดเพื่อประสิทธิภาพการทำงานที่ราบรื่น
กำลังประสบปัญหาเกี่ยวกับการตั้งค่า Winaero Tweaker ใน Windows 11 อยู่ใช่ไหม? คู่มือการแก้ไขปัญหาฉบับนี้จะให้คำแนะนำทีละขั้นตอนสำหรับปัญหาทั่วไป เพื่อให้มั่นใจว่าการปรับแต่งของคุณทำงานได้อย่างราบรื่น ค้นพบเคล็ดลับจากผู้เชี่ยวชาญเพื่อเพิ่มประสิทธิภาพประสบการณ์การใช้งานของคุณได้แล้ววันนี้
กำลังประสบปัญหาเกี่ยวกับ Cortana และ Copilot AI ใน Windows 11 อยู่ใช่ไหม? มาดูวิธีแก้ไขปัญหาทีละขั้นตอนเพื่อแก้ปัญหาการหยุดทำงาน การไม่ตอบสนอง และปัญหาการทำงานร่วมกัน ให้ผู้ช่วย AI ของคุณกลับมาใช้งานได้ตามปกติอย่างง่ายดาย
