VS Code ออกเวอร์ชัน 1.39 เพิ่มมุมมอง tree บนแผง Source Control, ช่วยแสดงตำแหน่งวาง...

หัวข้อกระทู้ ใน 'เทคโนโลยี' เริ่มโพสต์โดย iPokz, 27 ตุลาคม 2019.

  1. iPokz

    iPokz ~" iPokz "~ Staff Member

    เมื่อต้นเดือนตุลาคมไมโครซอฟท์ได้ออกอัพเดต Visual Studio Code เวอร์ชัน 1.39 มาพร้อมกับฟีเจอร์ใหม่และการปรับปรุงในหลายๆ ส่วน

    ของใหม่ที่น่าสนใจอย่างแรกคือการเพิ่มมุมมองแบบ tree บนแผงควบคุมระบบจัดการซอร์สโค้ด (Source Control) ให้สามารถเรียกใช้งานสลับกับมุมมองแบบ list เดิมได้ เพียงแค่กดปุ่ม Toggle View Mode บนแผงควบคุม

    [​IMG]

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

    [​IMG]

    อย่างที่สองเป็นการปรับปรุง UI สำหรับการดีบัก ให้ช่วยแสดงตำแหน่งที่สามารถวาง breakpoint ในระดับคอลัมน์ โดยจะปรากฏเป็นปุ่มสีเทาให้ผู้ใช้สามารถคลิกเลือกได้ หลังจากเพิ่ม breakpoint ที่ระดับบรรทัดตามขั้นตอนดีบักปกติ ทำให้การตั้ง breakpoint แบบเจาะจงตำแหน่งภายในโค้ดแต่ละบรรทัดทำได้ง่ายขึ้นมาก

    [​IMG]

    สามารถใช้งานแล้วกับส่วนขยาย Node Debug และ Debugger for Chrome ส่วนตัวดีบักอื่นๆ ต้องได้รับการอัพเดตให้รองรับฟีเจอร์ข้างต้นก่อน

    ส่วนการปรับปรุงอื่นๆ ที่ไมโครซอฟท์ยกให้เป็นไฮไลท์ของอัพเดตครั้งนี้มีดังนี้ (หรือเข้าไปชมวิดีโอได้ที่นี่ครับ)

    • ปรับปรุง minimap ให้ช่วยแสดงตำแหน่งของโค้ดที่ถูกไฮไลท์อยู่
    • เพิ่มคีย์ลัด (Ctrl+K Ctrl+L) เพื่อใช้กับการสั่งซ่อน / แสดงโค้ด (code folding)
    • เปิดให้สามารถตั้งค่าคีย์ลัดสำหรับการสั่งเรียก terminal ให้ทำงานในโฟลเดอร์ที่กำหนดไว้ล่วงหน้า (ดูวิธีการตั้งค่า)
    • เพิ่มความสามารถให้ IntelliSense ให้ช่วยแสดงลิงก์เอกสารอ้างอิงวิธีการใช้ ARIA attribute บนเว็บไซต์ของ W3C
    • ปรับปรุง IntelliSense ให้ช่วยพรีวิวสีขณะเรียกใช้ตัวแปร CSS
    • เพิ่มตัวเลือกให้ VS Code ช่วยเติมเซมิโคลอนปิดท้ายโค้ด CSS, SCSS, LESS ให้อัตโนมัติเมื่อกดคีย์ลัด Ctrl + Enter (เปิดใช้งานได้ที่การตั้งค่า [css|scss|less].completion.completePropertyWithSemicolon)
    • เพิ่มปุ่มสั่งดีบักเมื่อวางเมาส์บน sessions หรือ threads บนแผง CALL STACk
    • ปรับปรุง Remote Explorer (ในส่วนขยาย Remote Development) ให้แสดงชื่อดิสโทรของ WSL และ repository ภายในคอนเทนเนอร์

    ที่มา - Visual Studio Code

    Topics: Visual Studio CodeDevelopmentMicrosoft
     

แบ่งปันหน้านี้