Shortcut Keys ที่จะทำให้ VS Code ง่ายขึ้น

ปกติเวลาเราใช้งาน Visual Studio หรือ Program ต่างๆนั้น การที่เราต้องเอามือจาก keyboard เพื่อทำการคลิกเมาส์ นั้นจะทำให้การทำงานกับโปรแกรมนั้นขาดความต่อเนื่อง ดังนั้น การใช้งานต่างๆ โดยใช้ Shortcut เป็นอีกหนึ่งตัวเลือกที่ช่วยทำให้เราใช้งาน VS Code ได้อย่างสะดวกและง่ายดายมากขึ้น คุณสามารถจะเข้าไปดู shortcut keys ทั้งหมดได้โดยกด

1. Toggle Sidebar(แถบด้านซ้ายมือ)

ใช้เวลาที่ต้องการเพิ่มพื้นที่หรือ Space ในการเขียน Code ให้มากขึ้น

ในการเปิดใช้งาน VS code ในทุกครั้งที่เราเปิดใช้งาน หน้าจอจะแสดงผล 2 ส่วน คือ ส่วนซ้าย คือส่วนของ Sidebar ที่แสดงไฟล์ต่างๆ และอีกส่วนคือ ส่วนทางด้านขวามือเรา จะเป็นส่วนของการเขียน Code ซึ่งการใช้ Shortcut Ctrl + B นั้น จะเป็นตัวช่วยในการเพิ่มพื้นที่ โดย จะเป็นการปิดการแสดงผลของข้อมูลทางด้านซ้ายมือของเรา เพื่อให้เรามีพื้นที่ทางด้านขวาเพิ่มขึ้น สำหรับการเขียน Code ที่สะดวกและมุมมองที่กว้างมากขึ้น (สามารถกดปิดเปิด สลับไปมาได้)

2. เปิดใช้งาน Terminal

ใช้ตอนที่เราต้องการ run คำสั่งต่างใน command line VS Code สามารถเลือกที่จะเปิด Terminal, Powershell หรือ Command Line ก็ได้

สำหรับบน Windows หรือ การตั้งค่าเป็นภาษาไทย รวมถึงการตั้ง Shortcut key ~ ที่ใช้ในการเปลี่ยนภาษา สามารถเปิด Terminal ได้อีกทางเลือกนึงก็คือ ใช้ Shortcut key F1 หรือ Ctrl + Shift + P แล้วพิมคำว่า Terminal แล้วพิมพิ์คำว่า Terminal Focus หรือ Create new Terminal ก็จะสามารถเปิด Terminal ขึ้นมาใช้งานได้เหมือนกัน

3. Go to File…

ใช้ตอนที่เราต้องการเปิดไฟล์ โดยที่เราไม่จำเป็นต้องเข้าไปทีละ folder เราสามารถพิมพิ์ชื่อไฟล์แล้วก็เลือกไฟล์ที่ต้องการเปิดได้เลย

นอกจากนี้เรายังเพิ่มความสามารถให้กับ shortcut key นี้ได้ด้วยการพิมพิ์ อักขระต่อท้าย command นี้ได้อีก โดยสามารถตามด้วยอักขระต่อไปนี้

• ลูกศรชี้ลงเพื่อเปิดไฟล์ที่เพิ่งเปิดใช้งานก่อนหน้านี้
• เครื่องหมายมากกว่า เพื่อ Show all commands(เหมือนกับ Ctrl + shift + P)
• เครื่องหมาย @ สำหรับการค้นหาฟังก์ชั่น
• เครื่องหมาย : เพื่อจะไปยังบรรทัดที่ต้องการ

Shortcut key นี้สำคัญมากเพราะจำเพียงตัวเดียวแต่ใช้ประโยชน์ได้หลากหลายมากๆ

4. Show All Commands

เราสามารถ run คำสั่งต่างๆที่อยู่ในทุกๆ menu ของ VS Code รวมทั้งคำสั่งต่างๆที่เพิ่มมาจากการติดตั้ง plugins ได้ด้วยการเปิด Command เมื่อกด shortcut key ตัวนี้ VS Code จะดึงคำสั่งต่างๆขึ้นมาให้เราเลือกโดยคำสั่งต่างๆที่มักจะใช้บ่อยๆ เช่น การ run git, การ Checkout, การ Commit หรือการ New file

หลังจากกด Ctrl + Shift + P แล้วพิมพิ์ command ที่ต้องการได้เลย

5. Close File

ใช้ตอนที่เราต้องการปิดไฟล์ที่เราไม่ต้องการ

5. Go to Definition

การค้นหาว่า Code ต้นทางอยู่ที่ไหน เช่นเราต้องการหาว่า function นี้มีการเขียนไว้ยังไงบ้าง ก็ให้ click ที่ชื่อ function นั้นแล้วกด F12

เป็นการหา Function โดยเลือก Function ที่เราต้องการ แล้วกด Shortcut : F12 จะแสดงไฟล์ที่มี Function ที่เราต้องการ และถ้าอยากจะแก้ไขในไฟล์ดังกล่าวที่แสดงผลขึ้นมาจากหน้าปัจจุบัน ก็สามารถกด Shift + F12 ได้เลย หรือหากเราต้องการหา Reference ว่า function ที่เราต้องการอยู่ไฟล์ไหนบ้าง สามารถคลิกขวาเพื่อดูได้ โดยใช้ Shortcut : Alt + Shift + F12

6. Insert Line Below

ปกติการขึ้นบรรทัดใหม่เราจำเป็นจะต้องไปที่ท้ายสุดของบรรทัดแล้วกด Enter แต่ใน shortcut นี้เราจะสามารถขึ้นบรรทัดใหม่ตรงไหนก็ได้(cursor ไม่ได้อยู่ท้ายบรรทัด)

และหากเราต้องการแทรกบรรทัดใหม่ขึ้นมาด้านบน(Insert Line Above) สามารถเพิ่ม Shift เข้าไปได้

และถ้าต้องการลบบรรทัดใดบรรทัดหนึ่งออกทั้งบรรทัด ให้คลิกบรรทัดที่เราต้องการ และใช้ Shortcut นี้

7. Add Selection to Next Find Match

ใช้ตอนที่เราต้องการแก้ไขข้อความ หรือ ตัวแปร ต่างๆ หลายๆที่พร้อมๆกัน เราจะเริ่มจากการ Highlight คำที่เราได้เลือกไว้ shortcut key นี้จะหาคำที่เหมือนกับคำที่เลือกอยู่ไปเรื่อย

เนื่องจาก VS Code นั้นเป็น editor แบบ Multi-Cursor มีหลาย cursor พอมีหลาย cursor จะลบหรือจะพิมพิ์ตัวอักษรใดๆมันก็จะขึ้นตามจำนวน cursor ที่มี

เวลาใช้งานเราจะกด Control + D ไปเรื่อยๆ จนกระทั่งครบแล้วแก้ทีเดียว

8.Cursor Home/End

ถ้าต้องการย้าย Cursor (ตำแหน่งของเมาส์) ไปยังตำแหน่งหน้าสุดหรือท้ายสุดของบรรทัด

9. Cursor Word Left/Right

ถ้าต้องการเลื่อน selection(้highlight ทั้งคำ) ไปทางซ้ายหรือขวาสามารถใช้ shortcut key นี้ได้

10. Move Line Up/Down

ถ้าต้องการเลื่อน/ย้ายทั้งบรรทัด โดยนำบรรทัดนั้นไปยังบรรทัดก่อนหน้าหรือบรรทัดถัดไป ให้กดลูกศรขึ้นหรือลงได้ตามต้องการ

11. Copy Line Up/Down

ถ้าต้องการคัดลอก (Copy) บรรทัดนั้น ไปไว้ยังบรรทัดก่อนหน้าหรือบรรทัดถัดไป โดยที่บรรทัดเดิมยังคงอยู่ รวมถึงการคัดลอก Code เป็นชุดๆ เช่น ต้องการคัดลอกทีละ 3 บรรทัด ก็สามารถเลือกทั้ง 3 บรรทัดพร้อมกัน แล้วใช้ Shortcut นี้ได้เหมือนกัน

12. Split Editor

การแบ่งหน้าจอเป็น 2 หน้าจอขึ้นมาพร้อมกัน (เปิด 2 ไฟล์พร้อมกัน)

สามารถเลือกแนวตั้งหรือแนวนอนได้จาก icon ที่มุมขวาบน