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

Microsoft ประกาศเปิดตัว Visual Studio Code v1.51 (อัปเดตเดือนตุลาคม 2020) พร้อมการปรับปรุงและแก้ไขข้อผิดพลาดหลายประการ การอัปเดตใหม่นี้มาพร้อมกับกล่องคำแนะนำ IntelliSense ที่ปรับขนาดได้ เซสชันเทอร์มินัลระยะไกลแบบถาวร แท็บที่ปักหมุดที่ปรับปรุงแล้ว และอื่นๆ ค้นหาบันทึกการเปลี่ยนแปลงฉบับเต็มโดย Microsoft ด้านล่าง

ม้านั่งทำงานของช่างเครื่อง#

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

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

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

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

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

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

ชุดรูปแบบ: ไฟ GitHub

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

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

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

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

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

Echo ท้องถิ่น#

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

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

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

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

IntelliSense#

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

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

ชุดรูปแบบ: ไฟ GitHub, แบบอักษร: FiraCode

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

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

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

ชุดรูปแบบ: ไฟ GitHub, แบบอักษร: FiraCode

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

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

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

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

ชุดรูปแบบ: ไฟ GitHub

นักท่องเที่ยว#

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

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

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

ที่อยู่นี้ a คำขอคุณสมบัติ เพื่อนำทาง SCM ส่งประวัติ กด Up และ  ลง เพื่อแสดงการคอมมิตก่อนหน้าและถัดไปตามลำดับ หากต้องการย้ายโดยตรงไปยังตำแหน่งแรกและสุดท้ายของช่องป้อนข้อมูล ให้กด อื่น ๆ ร่วมกับปุ่มลูกศรที่เกี่ยวข้อง

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

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

Git: คำสั่ง Rebase#

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

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

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

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

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

ภาษา#

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

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

• ขยาย: Shift+Alt+ขวา
• หด: Shift+Alt+ซ้าย

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

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

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

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

class Foo {
  doFoo() {}
}

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

class Foo {
  doFoo() {} // Notice that the space has been removed
}

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

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

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

หมายเหตุ ต้องใช้ Microsoft Edge หรือ Google Chrome เวอร์ชันล่าสุด

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ชุดรูปแบบ: ไฟ GitHub

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

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

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

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

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

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

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

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

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

• ตัวอย่างบรรณาธิการที่กำหนดเอง
• webview-ตัวอย่าง
• webview-ดู-ตัวอย่าง

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

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

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

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

/**
 * Set the keys whose values should be synchronized across devices when synchronizing user-data
 * like configuration, extensions, and mementos.
 *
 * Note that this function defines the whole set of keys whose values are synchronized:
 *  - calling it with an empty array stops synchronization for this memento
 *  - calling it with a non-empty array replaces all keys whose values are synchronized
 *
 * For any given set of keys this function needs to be called only once but there is no harm in
 * repeatedly calling it.
 *
 * @param keys The set of keys whose values are synced.
 */
setKeysForSync(keys: string[]): void;

การมองเห็นปุ่มตอบกลับกระทู้ความคิดเห็น#

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

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

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

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

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

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

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

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

API รหัสผ่าน#

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

/**
 * Retrieve a password that was stored with key. Returns undefined if there
 * is no password matching that key.
 * @param key The key the password was stored under.
 */
export function getPassword(key: string): Thenable<string | undefined>;

/**
 * Store a password under a given key.
 * @param key The key to store the password under
 * @param value The password
 */
export function setPassword(key: string, value: string): Thenable<void>;

/**
 * Remove a password from storage.
 * @param key The key the password was stored under.
 */
export function deletePassword(key: string): Thenable<void>;

/**
 * Fires when a password is set or deleted.
 */
export const onDidChangePassword: Event<void>;

ชั้นเยี่ยม#

ทำให้ Microsoft VS Code Trusted Types เป็นไปตามข้อกำหนด#

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

ที่มา: ไมโครซอฟท์