เคล็ด(ไม่)ลับการใช้งานคีย์ลัดใน Visual Studio Code

ในบทความนี้ ผมจะมาแชร์คีย์ลัดที่ผมใช้บ่อยๆ และตัวอย่างการใช้งาน เพื่อเพิ่มความสะดวกและความเร็วในการเขียนโค้ด โดยตัวอย่างจะใช้งานใน macOS ครับ

Document keyboard shortcuts เบื้องต้น

macOS: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf

window: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

linux: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf

โดยเราสามารถเข้าไปดูชื่อ command และ keybinding ต่างๆ หรือปรับแก้เป็น shortcut key แบบที่เราต้องการได้ตามตัวอย่างด้านล่าง

ซึ่งตัวอย่างที่แสดงในบทความนี้จะเป็นแบบที่ผม set ไว้เอง อาจจะไม่ต้องกับเครื่องอื่นๆ ให้ดูหรือ set keybinding ใหม่ได้ที่เมนูนี้ โดยเราจะใช้ชื่อ command เป็นคีย์เวิร์ดในการค้นหา

ไปที่เมนู Code > Settings > Keyboard Shortcuts

Visual Studio Code Key Bindings

มาเริ่มกันเลย โดยเราจะเริ่มจากทำความคุ้นเคย hotkeys ต่างๆกันก่อน โดยผมจะยก command ที่ผมใช้บ่อยๆมาครับ

การเลื่อน cursor

การ select

command อื่นๆ

ตัวอย่าง usecase การใช้งาน โดยจะใช้ typescript

1. ตัวอย่างนี้จะเป็นการเขียน function ที่จัดการเงื่อนไขจาก enum

ตัวอย่างนี้มีการใช้ command: Add Cursors to Line Ends, Add Selection To Next Find Match, cursorWordLeftSelect, cursorWordEndRightSelect

2. ตัวอย่างนี้เป็นการ นำ object ที่มีข้อมูล type ต่างๆ มาสร้างเป็น type

ตัวอย่างนี้มีการใช้ command: cursorEndSelect, Add Selection To Next Find Match, cursorWordLeftSelect

3. ตัวอย่างนี้เป็นการนำ list ของคำ มาสร้างเป็น enum

ตัวอย่างนี้มีการใช้ command: Select all occurrences of Find match, Add Cursors to Line Ends, cursorWordLeftSelect

นอกจากนี้ยัง extension อีกมากมายเพื่อเพิ่มความเร็วในการทำงาน โดยผมจะยกตัวอย่างมา 2 ตัวคือ VS Sequential Number, Swap Selections

1. VS Sequential Number (https://marketplace.visualstudio.com/items?itemName=neptunedesign.vs-sequential-number) คือ extension สำหรับ generate ลำดับตัวเลข

2. Swap Selections (https://marketplace.visualstudio.com/items?itemName=SSDiver2112.SwapSelection) เอาไว้ swap คำเลือก

สรุป คีย์ลัดไม่เพียงแค่ช่วยให้เราทำงานได้อย่างรวดเร็วและมีประสิทธิภาพ แต่ยังช่วยเพิ่มความสะดวกสบายในการใช้งาน VSCode และเพิ่มความชำนาญในการเขียนโค้ดของเราด้วย

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