VS Code 1.51 เปิดตัวพร้อมการปรับปรุงแท็บที่ตรึงและอีกมากมาย

โต๊ะทำงาน

แท็บปักหมุดที่โดดเด่นยิ่งขึ้น

แท็บที่ตรึงไว้จะแสดงไอคอนหมุดเสมอแม้ในขณะที่ไม่ได้ใช้งาน เพื่อให้ระบุได้ง่ายขึ้น หากตัวแก้ไขถูกตรึงและมีการเปลี่ยนแปลงที่ยังไม่ได้บันทึก ไอคอนจะแสดงสถานะทั้งสอง

ต้นไม้ส่วนขยายใช้โฮเวอร์แบบกำหนดเอง

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

ติดตั้งส่วนขยายโดยไม่ต้องซิงโครไนซ์

ตอนนี้คุณสามารถติดตั้งส่วนขยายโดยไม่ต้องซิงโครไนซ์ในขณะที่เปิดใช้งานการซิงค์การตั้งค่า

ธีม: GitHub Light

ติดตั้งส่วนขยายจาก Explorer

VS Code รองรับการติดตั้งไฟล์นามสกุล VSIX จาก Explorer โดยคลิกขวาที่ไฟล์ VSIX แล้วเลือก ติดตั้งส่วนขยาย VSIX รายการเมนูบริบท

ป้อนข้อมูลเบลอคำสั่ง

ภายในใหม่ workbench.action.blur คำสั่งพร้อมใช้งานแล้ว ซึ่งจะลบโฟกัสออกจากอินพุตที่โฟกัสได้ คุณสามารถกำหนดแป้นพิมพ์ลัดสำหรับคำสั่งนี้ใน ค่ากำหนดแป้นพิมพ์ลัด.

เทอร์มินัลรวม

Echo ท้องถิ่น

การปรับเปลี่ยนในเทอร์มินัลตามธรรมเนียมต้องมีการส่งข้อมูลไปยังกระบวนการของเทอร์มินัล ประมวลผล และส่งคืนไปยัง VS Code เพื่อให้ได้รับผลกระทบ การดำเนินการนี้อาจช้าเมื่อทำงานกับการเชื่อมต่อที่ไม่ดีหรืออยู่ห่างไกลกับ an เซิร์ฟเวอร์ SSH หรือ โค้ดสเปซ.

รุ่นนี้เพิ่มโหมด "local echo" ให้กับเทอร์มินัล ซึ่งพยายามคาดการณ์การแก้ไขและการเคลื่อนไหวของเคอร์เซอร์ที่ทำในเครื่อง และแสดงใน UI โดยไม่ต้องเดินทางไปกลับที่เซิร์ฟเวอร์ โดยค่าเริ่มต้น อักขระที่คาดคะเนจะแสดงเป็น "จาง":

มีการตั้งค่าสองแบบที่คุณสามารถใช้เพื่อกำหนดค่านี้:

• terminal.integrated.localEchoLatencyThreshold กำหนดค่าเกณฑ์การหน่วงเวลาที่ตรวจพบ หน่วยเป็นมิลลิวินาที ซึ่งเสียงสะท้อนในเครื่องจะเปิดใช้งาน สามารถตั้งค่าเป็น 0 เพื่อเปิดคุณสมบัติตลอดเวลาหรือ -1 เพื่อปิดการใช้งาน ค่าเริ่มต้นเป็น 30.
• terminal.integrated.localEchoStyle กำหนดค่ารูปแบบหรือสีของอักขระท้องถิ่น ค่าเริ่มต้นเป็น สลัว.

IntelliSense

คำแนะนำที่ปรับขนาดได้

เหตุการณ์สำคัญนี้ เราได้ทำการปรับปรุงหลายอย่างใน UI ข้อเสนอแนะ ก่อนอื่นตอนนี้สามารถปรับขนาดได้ ลากด้านข้างหรือมุมเพื่อปรับขนาดตัวควบคุม

ธีม: GitHub Light, แบบอักษร: FiraCode

ขนาดของรายการคำแนะนำจะถูกบันทึกและกู้คืนในเซสชันต่างๆ ขนาดของบานหน้าต่างรายละเอียดจะถูกบันทึกต่อเซสชันเท่านั้น เนื่องจากขนาดนั้นมีแนวโน้มที่จะแปรผันมากกว่า นอกจากนี้ editor.suggest.maxVisibleSuggestions การตั้งค่าล้าสมัย

แถบสถานะสำหรับคำแนะนำ

ตัวควบคุมคำแนะนำยังสามารถแสดงแถบสถานะของตนเองที่ด้านล่างของหน้าต่างได้อีกด้วย เปิดใช้งานโดยใช้ editor.suggest.showStatusBar การตั้งค่า ทำให้การสลับรายละเอียดง่ายขึ้น และแสดงว่าการเสร็จสิ้นรองรับการแทรก การเปลี่ยน หรือทั้งสองอย่าง

ธีม: GitHub Light, แบบอักษร: FiraCode

ในตัวอย่างด้านบน การเลือก "แทรก" ผลลัพธ์ใน Math.floorceil และเลือก "แทนที่" ผลลัพธ์ใน Math.floor.

ใหม่ editor.suggest.insertMode การตั้งค่าช่วยให้คุณสามารถกำหนดค่าว่าคุณต้องการใส่หรือเปลี่ยน เมื่อคำแนะนำสนับสนุนทั้งสองอย่าง ค่ากำหนดของคุณจะเป็นค่าเริ่มต้น

เลื่อนเคอร์เซอร์เพื่อเลือกคำแนะนำ

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

ธีม: GitHub Light

เอ็มเม็ต

ตัวอย่างข้อมูลที่กำหนดเองใน Emmet กลับมาแล้ว นอกจากนี้ ตัวอย่างตอนนี้จะรีเฟรชโดยอัตโนมัติเมื่อบันทึกไฟล์ตัวอย่างหรืออัปเดตไฟล์ emmet.extensionsPath การตั้งค่า

การควบคุมแหล่งที่มา

กล่องอินพุตควบคุมแหล่งที่มาบันทึกประวัติข้อความยืนยัน

ที่อยู่นี้ a คำขอคุณสมบัติ เพื่อนำทาง SCM ส่งประวัติ กด ↑ (Windows, Linux ขึ้น) และ ↓ (Windows, Linux ลง) เพื่อแสดงการคอมมิตก่อนหน้าและถัดไปตามลำดับ หากต้องการย้ายโดยตรงไปยังตำแหน่งแรกและสุดท้ายของช่องป้อนข้อมูล ให้กด Alt ร่วมกับปุ่มลูกศรที่เกี่ยวข้อง

Git: คำสั่งแท็กในเมนูย่อย

เพิ่มคำสั่ง Git ที่เกี่ยวข้องกับแท็กใน ... เมนูกิท.

Git: คำสั่ง Rebase

ใหม่ Git: สาขา Rebase... เพิ่มคำสั่งซึ่งช่วยให้คุณสามารถรีเบสสาขาโดยใช้ UI

Git: คำสั่งโคลนซ้ำ

กับ Git: โคลน (เรียกซ้ำ) คำสั่ง ตอนนี้คุณสามารถโคลนที่เก็บ Git แบบเรียกซ้ำได้ ซึ่งรวมถึงโมดูลย่อย Git ที่ซ้อนกันด้วย

ไทม์ไลน์: การแสดงรหัสย่อ Emoji

ตอนนี้เราแสดงรหัสย่อของอีโมจิ เช่น :รอยยิ้ม:ในมุมมองไทม์ไลน์

ภาษา

Markdown สมาร์ทเลือก

ขยายและลดขนาดการเลือกในเอกสาร Markdown โดยใช้คำสั่งใหม่ต่อไปนี้:

• ขยาย: ⌃⇧⌘→ (Windows, Linux Shift+Alt+ขวา)
• หด: ⌃⇧⌘← (Windows, Linux Shift+Alt+ซ้าย)

การเลือกนำไปใช้กับสิ่งต่อไปนี้ และเป็นไปตามรูปแบบลำดับชั้นแบบดั้งเดิม:

• ส่วนหัว
• รายการ
• บล็อกคำพูด
• บล็อกรหัสรั้ว
• บล็อกโค้ด HTML
• ย่อหน้า

ตัวเลือกการจัดรูปแบบวงเล็บปีกกาว่างสำหรับ JavaScript และ TypeScript

ใหม่ javascript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces และ typescript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces ตัวเลือกการกำหนดค่าการจัดรูปแบบจะควบคุมว่ามีการแทรกช่องว่างระหว่างวงเล็บปีกกาว่างหรือไม่ ค่าเริ่มต้นสำหรับการตั้งค่าเหล่านี้เป็นจริง ตัวอย่างเช่น สำหรับ JavaScript:

คลาสฟู { doFoo() { } }

การตั้งค่า "javascript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces": เท็จ และการจัดรูปแบบโค้ดส่งผลให้:

class Foo { doFoo() {} // สังเกตว่าพื้นที่ถูกลบไปแล้ว }

รองรับเบราว์เซอร์

โฟลเดอร์ดาวน์โหลด (Edge, Chrome)

ใช้ประโยชน์จากสิ่งใหม่ การเข้าถึงระบบไฟล์ API, VS Code ที่ทำงานในเบราว์เซอร์สามารถเสนอการดำเนินการดาวน์โหลดสำหรับโฟลเดอร์จาก File Explorer เพื่อดาวน์โหลดไฟล์และโฟลเดอร์ทั้งหมดไปยังดิสก์

บันทึก: ต้องใช้ Microsoft Edge หรือ Google Chrome เวอร์ชันล่าสุด

เปิดการแจ้งเตือนพื้นที่ทำงาน

หากคุณเปิดโฟลเดอร์ที่มี .code-พื้นที่ทำงาน ที่ระดับบนสุด คุณจะเห็นการแจ้งเตือนที่ขอให้คุณเปิด ซึ่งมักจะเป็นเช่นนี้ใน VS Code สำหรับเดสก์ท็อป และตอนนี้ก็จะทำงานในเบราว์เซอร์ได้เช่นกัน

ป้องกันการปิดโดยไม่ตั้งใจ

การตั้งค่าใหม่ window.confirmBeforeClose ถูกเพิ่มเพื่อแสดงกล่องโต้ตอบการยืนยันก่อนปิดหรือออกจากโต๊ะทำงาน

ค่าที่เป็นไปได้คือ:

• แป้นพิมพ์เท่านั้น การยืนยันจะแสดงเฉพาะเมื่อคุณใช้การผูกปุ่มเพื่อปิด (เช่น ⌘W (Windows, Linux Ctrl+W)). (ค่าเริ่มต้น)
• เสมอ: กล่องโต้ตอบการยืนยันจะแสดงเสมอ แม้ว่าคุณจะปิดด้วยท่าทางเมาส์ก็ตาม
• ไม่เคย: การยืนยันจะไม่ปรากฏให้เห็น

บันทึก: การตั้งค่านี้อาจไม่ครอบคลุมทุกกรณี เบราว์เซอร์อาจยังคงตัดสินใจปิดแท็บหรือหน้าต่างโดยไม่ต้องมีการยืนยัน

การมีส่วนร่วมในส่วนขยาย

GitHub ดึงคำขอและปัญหา

งานยังคงดำเนินต่อไปใน GitHub ดึงคำขอและปัญหา ส่วนขยาย ซึ่งช่วยให้คุณทำงาน สร้าง และจัดการคำขอดึงและปัญหาต่างๆ

หากต้องการเรียนรู้เกี่ยวกับคุณสมบัติและการอัปเดตใหม่ทั้งหมด คุณสามารถดู. ตัวเต็มได้ บันทึกการเปลี่ยนแปลงสำหรับ 0.22.0 การปล่อยส่วนขยาย

การพัฒนาทางไกล

งานยังคงดำเนินต่อไปใน ส่วนขยายการพัฒนาระยะไกลซึ่งช่วยให้คุณใช้คอนเทนเนอร์ เครื่องระยะไกล หรือ ระบบย่อย Windows สำหรับ Linux (WSL) เป็นสภาพแวดล้อมการพัฒนาที่มีคุณสมบัติครบถ้วน

คุณสมบัติเด่นใน 1.51 ได้แก่:

• ความสามารถในการคงอยู่/เชื่อมต่อกับเซสชันเทอร์มินัลอีกครั้ง
• ปรับปรุงประสบการณ์การส่งต่อพอร์ต

คุณสามารถเรียนรู้เกี่ยวกับคุณสมบัติส่วนขยายใหม่และการแก้ไขข้อบกพร่องใน บันทึกประจำรุ่นการพัฒนาระยะไกล.

ดูตัวอย่างคุณสมบัติ

คุณลักษณะการแสดงตัวอย่างไม่พร้อมสำหรับการเผยแพร่แต่มีฟังก์ชันเพียงพอต่อการใช้งาน เรายินดีรับข้อเสนอแนะในช่วงต้นของคุณในขณะที่ยังอยู่ระหว่างการพัฒนา

ซิงค์การตั้งค่า

ขณะนี้การซิงค์การตั้งค่าจะซิงโครไนซ์สถานะส่วนกลางของส่วนขยาย ส่วนขยายจะต้องระบุสถานะเพื่อซิงค์โดยใช้ตัวใหม่ล่าสุด setKeysForSync เอพีไอ

จำข้อมูลรับรองพร็อกซี

เรากำลังปรับปรุงกล่องโต้ตอบการเข้าสู่ระบบที่แสดงเมื่อการเชื่อมต่อเครือข่ายต้องการการตรวจสอบสิทธิ์ด้วยพร็อกซี การตั้งค่าใหม่, window.enableExperimentalProxyLoginDialog: trueจะเปิดใช้งานประสบการณ์ใหม่นี้ที่เราวางแผนที่จะทำให้เป็นค่าเริ่มต้นในรุ่นต่อ ๆ ไป

ธีม: GitHub Light

กล่องโต้ตอบจะปรากฏขึ้นภายในหน้าต่าง VS Code และเสนอวิธีการจำข้อมูลประจำตัว เพื่อที่คุณจะได้ไม่ต้องระบุทุกครั้งที่คุณเริ่ม VS Code ข้อมูลประจำตัวจะถูกเก็บไว้ในที่เก็บข้อมูลรับรองมาตรฐานของระบบปฏิบัติการ (พวงกุญแจบน macOS, Windows Credential Manager บน Windows และพวงกุญแจ gnome บน Linux)

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

โปรดเปิดใช้งานตัวเลือกนี้และแจ้งให้เราทราบหากมีบางอย่างไม่ทำงานตามที่คาดไว้ผ่านเรา ตัวติดตามปัญหา.

รองรับ TypeScript 4.1 เบต้า

รหัส VS รองรับ TypeScript 4.1 เบต้า และงานสร้างทุกคืน การอัปเดต 4.1 นำเสนอคุณสมบัติภาษา TypeScript ใหม่ เช่น การรองรับสำหรับ ประเภทเงื่อนไขแบบเรียกซ้ำตลอดจนการปรับปรุงเครื่องมือ พื้นที่โฟกัสหนึ่งที่ได้รับ เพิ่มการสนับสนุนเบื้องต้น สำหรับ @ดู แท็กในความคิดเห็น JSDoc

ในการเริ่มใช้ TypeScript 4.1 บิลด์ทุกคืน เพียงติดตั้ง ส่วนขยาย TypeScript Nightly. โปรดแบ่งปันข้อเสนอแนะและแจ้งให้เราทราบหากคุณพบข้อบกพร่องใด ๆ กับ TypeScript 4.1

การเขียนส่วนขยาย

อัปเดตตัวอย่างส่วนขยาย

เราได้อัปเดตบางส่วนของเรา ตัวอย่างส่วนขยาย เพื่อรวมรูปแบบเริ่มต้นของ VS Code ที่เชื่อมต่อกับโทเค็นธีมสีของเรา ซึ่งหมายความว่าองค์ประกอบทั่วไป (ข้อความ ปุ่ม อินพุต) จะสามารถกำหนดธีมได้และตรงกับสไตล์เริ่มต้นในผลิตภัณฑ์ ด้านล่างนี้คือส่วนขยายที่มีสิ่งนี้:

• custom-editor-sample
• webview-ตัวอย่าง
• webview-view-sample

สีของโคดิคอนในต้นไม้

ด้วยการสิ้นสุดของ ธีมไอคอน API สี, ผู้เขียนส่วนขยายสามารถใช้สีของชุดรูปแบบบน codicons ในมุมมองแบบต้นไม้ที่กำหนดเองได้

ซิงค์สถานะทั่วโลก

ส่วนขยายสามารถซิงค์สถานะทั่วโลกได้โดยระบุคีย์ซึ่งค่าควรซิงโครไนซ์เมื่อเปิดใช้งานการตั้งค่าการซิงค์โดยใช้คีย์ที่เพิ่งเปิดตัวใหม่ setKeysForSync API ใน globalState ของที่ระลึก

/** * ตั้งค่าคีย์ที่มีค่าควรจะซิงโครไนซ์ระหว่างอุปกรณ์ต่างๆ เมื่อซิงโครไนซ์ข้อมูลผู้ใช้ * เช่น การกำหนดค่า ส่วนขยาย และของที่ระลึก * * โปรดทราบว่าฟังก์ชันนี้กำหนดทั้งชุดของคีย์ที่มีค่าที่ซิงโครไนซ์: * - การเรียกด้วยอาร์เรย์ว่างจะหยุดการซิงโครไนซ์สำหรับของที่ระลึกนี้ * - การเรียกด้วย a อาร์เรย์ที่ไม่ว่างเปล่าจะแทนที่คีย์ทั้งหมดที่มีค่าซิงโครไนซ์ * * สำหรับชุดคีย์ที่กำหนด ฟังก์ชันนี้จะต้องถูกเรียกเพียงครั้งเดียว แต่จะไม่เกิดอันตรายใด ๆ ใน * การเรียกซ้ำ ๆ กัน * * @param keys ชุดของคีย์ที่มีค่าถูกซิงค์ */ setKeysForSync (คีย์: สตริง []): เป็นโมฆะ;

ความคิดเห็น ส่วนขยายสามารถควบคุมการมองเห็นปุ่มตอบกลับในชุดข้อความความคิดเห็นด้วยคุณสมบัติใหม่ แสดงความคิดเห็นกระทู้#canReply. เมื่อตั้งเป็น เท็จผู้ใช้จะไม่เห็นปุ่มตอบกลับหรือช่องแสดงความคิดเห็นในชุดข้อความแสดงความคิดเห็น

APIs ส่วนขยายที่เสนอ

ทุกเหตุการณ์สำคัญมาพร้อมกับ API ที่เสนอใหม่ และผู้เขียนส่วนขยายสามารถทดลองใช้ได้ และเช่นเคย เราต้องการความคิดเห็นของคุณ นี่คือสิ่งที่คุณต้องทำเพื่อลองใช้ API ที่เสนอ:

• คุณต้องใช้ Insider เนื่องจาก API ที่เสนอมีการเปลี่ยนแปลงบ่อยครั้ง
• คุณต้องมีบรรทัดนี้ใน package.json ไฟล์นามสกุลของคุณ: "enableProposedApi": จริง.
• คัดลอกเวอร์ชันล่าสุดของ vscode.proposed.d.ts ไฟล์ลงในตำแหน่งต้นทางของโครงการของคุณ

คุณไม่สามารถเผยแพร่ส่วนขยายที่ใช้ API ที่เสนอได้ อาจมีการเปลี่ยนแปลงที่แตกหักในรุ่นถัดไป และเราไม่ต้องการทำลายส่วนขยายที่มีอยู่

เหตุการณ์การเปลี่ยนแปลงผู้ให้บริการช่วงพับ

ผู้ให้บริการช่วงการพับสามารถส่งสัญญาณไปยังตัวแก้ไขว่าจำเป็นต้องอัปเดตช่วงการพับโดยใช้ onDidChangeFoldingRanges เหตุการณ์.

สำหรับรายละเอียดเพิ่มเติมและเพื่อให้ข้อเสนอแนะ โปรดใช้ ฉบับที่ #108929.

API รหัสผ่าน

เป็นส่วนหนึ่งของการทำงานอย่างต่อเนื่องใน ผู้ให้บริการตรวจสอบสิทธิ์เราได้แนะนำ API สำหรับการจัดเก็บและดึงข้อมูลที่สำคัญ ภายในนี้ทำหน้าที่เป็นเสื้อคลุมของ คีย์ตาร์ ไลบรารี่ที่ VS Code ใช้สำหรับเก็บความลับ

/** * ดึงรหัสผ่านที่เก็บไว้กับคีย์ ส่งคืน undefined หาก * ไม่มีรหัสผ่านที่ตรงกับคีย์นั้น * คีย์ @param คีย์ที่รหัสผ่านถูกเก็บไว้ */ ฟังก์ชันการส่งออก getPassword (คีย์: สตริง): Thenable; /** * เก็บรหัสผ่านไว้ใต้รหัสที่กำหนด * คีย์ @param คีย์สำหรับเก็บรหัสผ่านภายใต้ค่า * @param รหัสผ่าน */ ฟังก์ชันส่งออก setPassword (คีย์: สตริง ค่า: สตริง): จากนั้นได้; /** * ลบรหัสผ่านจากที่เก็บข้อมูล * คีย์ @param คีย์ที่รหัสผ่านถูกเก็บไว้ */ ฟังก์ชันการส่งออก deletePassword (คีย์: สตริง): Thenable; /** * เริ่มทำงานเมื่อมีการตั้งหรือลบรหัสผ่าน */ ส่งออก const onDidChangePassword: Event;

วิศวกรรม

การทำ VS Code Trusted Types ให้สอดคล้อง

เราพยายามอย่างต่อเนื่องเพื่อให้สอดคล้องกับ VS Code "ประเภทที่เชื่อถือได้" เป้าหมายคือการป้องกันช่องโหว่ในการเขียนสคริปต์ข้ามไซต์บน DOM คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับประเภทที่เชื่อถือได้ที่ web.dev ไซต์ประเภทที่เชื่อถือได้ และติดตามความก้าวหน้าของเราใน ฉบับที่ #103699.