รหัส Visual Studio เพิ่มผลผลิตด้วยการจัดการการเชื่อมโยงคีย์

Visual Studio Code ซึ่งเป็นโปรแกรมแก้ไขซอร์สโค้ดน้ำหนักเบาของ Microsoft แนะนำ การนำทางเฉพาะคีย์บอร์ด นั่นไม่ใช่เพียง คุณสมบัติการเข้าถึงขั้นสูง, อนุญาตให้ผู้ใช้นำทางภายในตัวแก้ไขโดยไม่ต้องใช้เมาส์ แต่ยัง ความเร็วการเข้ารหัส.

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

ค้นหาการผูกกุญแจอย่างรวดเร็ว

คุณไม่จำเป็นต้องเรียนรู้แป้นพิมพ์ลัดด้วยใจทันทีเมื่อคุณเริ่มใช้รหัส VS เนื่องจากมีสองวิธีที่ง่ายในการค้นหาอย่างรวดเร็ว.

ในแถบเมนูด้านบนคุณสามารถค้นหาการเชื่อมโยงคีย์ที่ตั้งไว้ถัดจากทุกปุ่ม จุดเมนู (1) และ Command Palette (F1) จะแสดงรายการไว้ถัดจากแต่ละคำสั่ง (2).

Visual Studio Code แสดงการเชื่อมโยงคีย์ที่ ตรงกับระบบปฏิบัติการของคุณ โดยค่าเริ่มต้น (ดังนั้นในเครื่อง Windows คุณจะเห็นคำสั่ง Windows, บน Mac คำสั่ง Mac และในกล่อง Linux คำสั่ง Linux).

หากคุณไม่ต้องการออกจากโปรแกรมแก้ไขรหัสคุณสามารถค้นหา รายการทั้งหมดของการเชื่อมโยงคีย์ที่ตั้งไว้ล่วงหน้า ใน VS Code Docs.

การผูกกุญแจที่ตั้งไว้ล่วงหน้า

Visual Studio Code ให้นักพัฒนามีการเชื่อมโยงคีย์จำนวนมากในรายการต่อไปนี้ฉันจัดการผู้ที่ฉันใช้บ่อยที่สุดในขณะที่แก้ไขไฟล์ JavaScript คุณอาจพบว่าคนอื่น ๆ นั้นเหมาะสมกับเวิร์กโฟลว์ของคุณเองมากกว่าดังนั้นมันก็คุ้มค่าที่จะดูรายการทั้งหมดด้วยตัวเอง.

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

ตอนนี้มาดูกัน 36 แป้นพิมพ์ลัดที่ใช้บ่อย, ตามลำดับสำหรับระบบปฏิบัติการหลัก 3 ระบบ (Win, OS X, Linux) ซึ่งส่วนใหญ่อาจคุ้นเคยกับซอฟต์แวร์อื่น ๆ ของ Microsoft.

การเดินเรือ

1. F1 (Win, Linux, Mac) - Command Palette แสดงคำสั่งทั้งหมดที่คุณสามารถเลือกได้หนึ่งคำสั่งหรือคุณสามารถพิมพ์คำสั่งด้วยตัวเอง
2. Ctrl + P (Win, Linux), Cmd + P (Mac) - เปิดอย่างรวดเร็ว, ไปที่ไฟล์
3. Ctrl + Shift + O (Win, Linux), Shift + Cmd + O (Mac) - แสดงรายการสัญลักษณ์ทั้งหมด (เช่นฟังก์ชั่นต้นแบบ ฯลฯ ) ในไฟล์ปัจจุบัน
4. Ctrl + G (Win, Linux, Mac) - ไปที่บรรทัดที่ระบุ
5. Ctrl + Shift + M (Win, Linux), Shift + Cmd + M (Mac) - แสดงข้อผิดพลาดและคำเตือนทั้งหมด
6. Alt + Left (Win), Ctrl + - (Mac), Ctrl + Alt + - (Linux) - ย้อนกลับเคอร์เซอร์จะกระโดดกลับไปยังตำแหน่งก่อนหน้า
7. Alt + ขวา (Win), Ctrl + Shift + - (Mac), Ctrl + Shift + - (Linux) - ไปข้างหน้าเคอร์เซอร์จะกระโดดไปข้างหน้าไปยังตำแหน่งถัดไป
8. ? (Win, Linux, Mac) - คำสั่งต่าง ๆ ที่มีให้สำหรับไฟล์ปัจจุบัน ภายใน Command Palette (ก่อนที่จะใช้สิ่งนี้คุณต้องเปิด Command Palette (F1)

การจัดการไฟล์และบรรณาธิการ

คุณสามารถค้นหารายการทั้งหมดของส่วนนี้ในสองสถานที่ที่แตกต่างกันใน VS Code Docs ใน Editor / Window Management และใน File Management.

รหัส VS สามารถเปิดบานหน้าต่างตัวแก้ไข 3 ตัวพร้อมกันคำสั่ง # 5 ถึง # 7 จะทำงานได้ถ้าเปิดมากกว่าหนึ่งบานหน้าต่างตัวแก้ไข.

1. Ctrl + N (Win, Linux), Cmd + N (Mac) - ไฟล์ใหม่
2. Ctrl + O (Win, Linux) - เปิดไฟล์
3. Ctrl + S (Win, Linux), Cmd + S (Mac) - บันทึก
4. Ctrl + \ (Win, Linux), Cmd + \ (Mac) - เครื่องมือแก้ไขแยก
5. Ctrl + 1 (Win, Linux), Cmd + 1 (Mac) - มุ่งเน้นไปที่บานหน้าต่างตัวแก้ไขแรก
6. Ctrl + 2 (Win, Linux), Cmd + 2 (Mac) - มุ่งเน้นไปที่บานหน้าต่างตัวแก้ไขที่สอง
7. Ctrl + 3 (Win, Linux), Cmd + 3 (Mac) - มุ่งเน้นไปที่บานหน้าต่างตัวแก้ไขที่สาม

การแก้ไขขั้นพื้นฐาน

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

1. Ctrl + X (Win, Linux), Cmd + X (Mac) - การตัดบรรทัด
2. Ctrl + C (Win, Linux), Cmd + C (Mac) - คัดลอกบรรทัด
3. Ctrl + Shift + K (Win, Linux), Shift + Cmd + K (Mac) - ลบบรรทัด
4. Alt + Down (Win, Linux), Option + Down (Mac) - เลื่อนบรรทัดลง
5. Alt + Up (Win, Linux), Option + Up (Mac) - เลื่อนแถวขึ้น
6. Ctrl + I (Win, Linux), Cmd + I (Mac) - เลือกบรรทัดปัจจุบัน
7. Ctrl +] (Win, Linux), Cmd +] (Mac) - เยื้องบรรทัด
8. Ctrl + [(Win, Linux), Cmd + [(Mac) - บรรทัด Outdent

การแก้ไขภาษาที่หลากหลาย

ปัจจุบัน ณ เดือนพฤษภาคม 2559 VS Code มีการสนับสนุนการแก้ไขมากมายในตัวสำหรับ JavaScript และ TypeScript แต่คุณสามารถดาวน์โหลดส่วนขยายการสนับสนุนภาษาสำหรับภาษาอื่น ๆ อีกมากมายจาก VS Code Marketplace.

ที่นี่ในเอกสารคุณสามารถตรวจสอบตัวเลือกที่คุณมีสำหรับภาษาที่คุณต้องการใช้ โปรดทราบว่าเนื่องจาก VS Code ยังอยู่ในช่วงแรก ๆ การสนับสนุนการแก้ไขที่หลากหลายอาจมีให้สำหรับภาษาอื่นเช่นกัน.

1. Ctrl + Space (Win, Linux, Mac) - ทริกเกอร์แนะนำ
2. Ctrl + Shift + Space (Win, Linux), Shift + Cmd + Space (Mac) - คำแนะนำเกี่ยวกับพารามิเตอร์ทริกเกอร์
3. Alt + F12 (Win), Option + F12 (Mac), Ctrl + Shift + F10 (Linux) - การนิยาม Peek
4. Shift + F12 (Win, Linux, Mac) - แสดงการอ้างอิง
5. Ctrl + Shift + X (Win, Linux), Shift + Cmd + X (Mac) - ตัดช่องว่างต่อท้าย

แสดง

1. F11 (Win, Linux), Ctrl + Cmd + F (Mac) - สลับเต็มหน้าจอ
2. Ctrl + = (Win, Linux), Cmd + = (Mac) - ซูมเข้า
3. Ctrl + - (Win, Linux), Cmd + - (Mac) - ย่อ
4. Ctrl + B (Win, Linux), Cmd + B (Mac) - สลับการมองเห็นแถบด้านข้าง
5. Ctrl + Shift + D (Win, Linux), Shift + Cmd + D (Mac) - แสดง Debug ในแถบด้านข้าง (ทางซ้าย)
6. Ctrl + Shift + E (Win, Linux), Shift + Cmd + E (Mac) - แสดง Explorer ในแถบด้านข้าง (ทางซ้าย)
7. Ctrl + Shift + G (Win, Linux, Mac) - แสดง Git ในแถบด้านข้าง (ทางซ้าย)
8. Ctrl + Shift + F (Win, Linux), Shift + Cmd + F (Mac) - แสดงการค้นหาในแถบด้านข้าง (ทางซ้าย)

วิธีปรับแต่งการผูกคีย์ใน VS Code

การกำหนดการโยงคีย์เองอาจเป็นประโยชน์สำหรับสามสิ่งหลัก.

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

ประการที่สองการเชื่อมโยงคีย์ที่กำหนดไว้ล่วงหน้าบางอย่างเป็นเพียง จำยากเกินไป, เช่นใช้ปุ่มลัด Ctrl + K + F12 ของ Windows สำหรับคำสั่งเปิดนิยามไปด้านข้าง.

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

คุณสามารถปรับแต่งการผูกกุญแจด้วยความช่วยเหลือของ ไฟล์คอนฟิกูเรชันรูปแบบ JSON, ในลักษณะที่คล้ายกับวิธีที่คุณสามารถกำหนดการตั้งค่าผู้ใช้และพื้นที่ทำงานเอง ไฟล์ที่คุณต้องการแก้ไขเรียกว่า keybindings.json, และคุณสามารถเปิดได้โดยคลิกที่ไฟล์> การตั้งค่า> เมนูทางลัดแป้นพิมพ์ในแถบเมนูด้านบน.

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

คุณไม่ต้องทำอะไรเลยเพียงแค่คัดลอกวางกุญแจจากทางซ้ายไปทางขวาเพื่อรักษารูปแบบของ JSON และเขียนรหัสใหม่ลงในที่กำหนดเอง.

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

คุณจะต้องติด การโยงคีย์ไวยากรณ์ตามมา ในรหัส Visual Studio:

 "key": "", "เมื่อ": "", "คำสั่ง": "" 

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

ในตัวอย่างของเราเราจะตั้ง การรวมคีย์โกลบอล, ซึ่งหมายความว่าเราจะต้องตั้งค่าของ “สำคัญ” และ “คำสั่ง” ในกฎคีย์บอร์ดที่กำหนดเองของเรา.

อันดับแรกให้ค้นหารหัสคำสั่งที่เป็นของคำสั่งแสดงการติดตั้งส่วนขยาย เราสามารถทำได้อย่างง่ายดายในเอกสารที่แสดงให้เราเห็นว่ารหัสคำสั่งที่เราต้องการคือ workbench.extensions.action.listExtensions.

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

ขณะที่ฉันทำงานกับเครื่อง Windows ฉันจะเลือกปุ่ม Ctrl + F6 เพราะมันตรงกับทุกความต้องการ แต่คุณสามารถเลือกคีย์อื่นที่ตรงกับความต้องการของคุณที่สุด.

ไฟล์ keybindings.json ของฉันจะมีลักษณะเช่นนี้:

 // วางการเชื่อมโยงคีย์ของคุณในไฟล์นี้เพื่อเขียนทับค่าเริ่มต้น ["key": "Ctrl + f6", "คำสั่ง": "workbench.extensions.action.listExtensions"] 

กฎใหม่จะมีผลในคราวเดียวเช่นเดียวกับ Visual Studio Code อัพเดตกฎตอนรันไทม์. คุณสามารถทดสอบได้โดยไม่ต้องรีสตาร์ทตัวแก้ไขคุณเพียงแค่กด Ctrl + F6 หรือปุ่มที่คุณเลือกและรายการส่วนขยายที่ติดตั้งของคุณจะปรากฏขึ้นในตัวแก้ไขของคุณ.

ในภาพหน้าจอด้านล่างคุณสามารถเห็นผลการทดสอบของฉันเมื่อกด Ctrl + F6 ฉันได้รับรายการส่วนขยายสองรายการที่ฉันมี.

คุณสามารถเพิ่ม กฎมากเท่าที่คุณต้องการ ไปที่ไฟล์ keybindings.json ของคุณ เพียงทำตามไวยากรณ์ JSON ปกติซึ่งหมายความว่าคุณต้องวางแต่ละกฎไว้ในวงเล็บปีกกาคู่และแยกพวกเขาด้วยเครื่องหมายจุลภาคตามที่คุณเห็นด้านล่าง.

 // วางการเชื่อมโยงคีย์ของคุณในไฟล์นี้เพื่อเขียนทับค่าเริ่มต้น ["คีย์": "Ctrl + f6", "คำสั่ง": "workbench.extensions.action.listExtensions", "key": "Shift + f6" , "คำสั่ง": "workbench.extensions.action.installExtension"]