9 คะแนน โดย xguru 2021-10-21 | 3 ความคิดเห็น | แชร์ทาง WhatsApp

"Open Source files in VS Code"

  • สามารถบันทึกโค้ดที่แก้ไขระหว่างดีบักโค้ดฝั่งฟรอนต์เอนด์ในเบราว์เซอร์ได้จริง

→ หากกำลังทำงานกับไฟล์ในเครื่อง เบราว์เซอร์จะตรวจพบอัตโนมัติและให้เลือกโฟลเดอร์ราก พร้อมขอสิทธิ์เข้าถึงดิสก์

→ เมื่ออนุมัติแล้ว ลิงก์ทั้งหมดใน DevTools จะเปิดใน VS Code แทนหน้าต่าง Sources ของเบราว์เซอร์ และพาไปยังตำแหน่งไฟล์นั้น

→ สิ่งที่แก้ไขใน DevTools จะถูกนำไปใช้กับ VS Code ทันที และเมื่อแก้ไขแล้วบันทึกใน VS Code ก็จะซิงก์กลับมายังเบราว์เซอร์ด้วย

  • ต้องเปิดใช้งานจาก Settings-Experiments ก่อนจึงจะทำงาน

3 ความคิดเห็น

 
ragus 2021-10-22

แต่ช่วงนี้แทนที่จะพัฒนาโดยใช้ HTML, CSS, JS แบบล้วน ๆ กันแล้ว คนจำนวนมากมักใช้ Typescript หรือพัฒนาแบบ SPA กันมากกว่า จึงต้องบิลด์ผ่านเครื่องมืออย่าง webpack เลยทำให้อดสงสัยไม่ได้ว่าฟีเจอร์นี้จะมีประโยชน์จริงหรือเปล่า

 
babo3yong2 2021-10-21

https://vscode.dev/

ดูเหมือนว่าจะเปิดให้ใช้งานแล้วนะ

 
xguru 2021-10-22

อันนี้ดูเหมือนจะต่างออกไปนิดหน่อย เลยแยกโพสต์เป็นบทความอีกชิ้นครับ!