บทความ IT เจ๋งๆ

ไม่ใช่ทุกคนที่มีเวลามากพอที่เรียนรู้เทคนิคและเคล็ดลับในการค้นหาสิ่งที่จะช่วยให้พวกเขาเขียน Code ได้เร็วขึ้นซึ่งพวกมันมีอยู่มากมายใน Internet แต่หากใครที่ใช้งาน VS Code อยู่ บทความนี้จะมาแนะนำถึง 20 VS Code Shortcuts ที่ช่วยให้คุณ Coding ได้เร็วขึ้น

1. Join Line

• สำหรับ Mac: Ctrl + J

2. Code Formatting

• สำหรับ Windows: Shift + Alt + F

• สำหรับ Ubuntu: Ctrl + Shift + I

3. Trim Trailing White Space

หรือคุณสามารถเปิดใช้งาน White Space Trimming ได้จากการตั้งค่าเอง:

• คลิกที่เครื่องหมาย {} ที่ส่วนบนด้านขวาของ Window นี่จะเป็นการเปิด Document

• ทำการ “Save” User Settings File 

หรือถ้าคุณใช้ Version ใหม่ ก็ให้ทำตามการตั้งค่าในข้อที่  1 จากนั้นให้ดูตามภาพด้านล่าง

4.Code Folding

• สำหรับ Windows / Ubuntu: Ctrl + Shift + [

กรณีที่ต้องการแสดง/เปิด Code ส่วนที่ถูกซ่อนอยู่:

• สำหรับ Mac: Command + Option + ]

5. Copy Line Up/Down

• สำหรับ Windows: Shift + Alt + Up/Down

• สำหรับ Ubuntu: Ctrl + Shift + Alt + Up/Down

นอกจากนี้คุณสามารถดู Keybindings ที่เกี่ยวข้องโดยเลือก: File > Preferences > Keyboard Shortcuts แล้วทำการแก้ไขการผูก Key ตามที่คุณได้เลือกไว้

6. Split Editor

• สำหรับ Windows: Shift + Alt + \ หรือ 2,3,4

 • สำหรับ Mac: Command + \ หรือ 2,3,4

ในการแบ่ง Editor นั้น คุณสามารถใช้ Split Editor Command ได้ Keyboard Shortcut ที่เป็นต้นฉบับสำหรับแบ่ง Editor ก็คือ 123 ซึ่งมันมีประโยชน์ ในกรณีของการแก้ไขที่อยู่ติด ๆ กัน

7. Grid Editor Layout

โดยค่า Default แล้ว Editor Groups จะถูกจัดวางใน Column แนวตั้ง (ตัวอย่างเช่น เมื่อคุณแบ่ง Editor แล้วให้เปิดถัดไปด้านข้าง) คุณจะสามารถจัดเรียง Editor Groups ใน Layout ที่คุณต้องการได้ทั้งแนวตั้งและแนวนอน

เพื่อรองรับ Layout ที่ยืดหยุ่น คุณสามารถสร้าง Editor Groups ที่ว่างเปล่าได้ โดย Default แล้ว การปิด Editor ตัวล่าสุดของ Editor Groups จะเป็นการปิด Group ของมันเองด้วยเช่นกัน แต่คุณสามารถเปลี่ยนพฤติกรรมนี้ได้

ด้วยการตั้งค่าใหม่ คือ workbench.editor.closeEmptyGroups: false

มี Predefined Set ของ Editor Layouts ในเมนู View > Editor Layout:

8. Select Word

• สำหรับ Windows: Ctrl + d

• สำหรับ Ubuntu: Ctrl + d

9. Opening and Closing the Sidebar

• สำหรับ Windows: Ctrl + b

• สำหรับ Ubuntu: Ctrl + b

10. Navigate to a Specific Line

หมายเหตุ: ในการไปที่บรรทัดต่าง ๆ ใน File คุณสามารถใช้ ctrl + g จากนั้นให้พิมพ์หมายเลขบรรทัด หรือคุณสามารถเปิดเมนู go-to file ด้วยคำสั่ง + p ก่อน จากนั้นให้พิมพ์ :. แล้วพิมพ์หมายเลขบรรทัดที่คุณต้องการ

• สำหรับ Mac: Ctrl + g หรือ Ctrl + p

11. Go to Symbol in File

• สำหรับ Windows: Ctrl + Shift + o 

• สำหรับ Ubuntu: Ctrl + Shift + o

คุณสามารถจัดกลุ่มของสัญลักษณ์ตามประเภทได้โดยเพิ่มเครื่องหมาย : (Colon) เข้าไป ซึ่งจะมีลักษณะดังนี้ @:

12. Go to Symbol in Workspace

• สำหรับ Windows: Ctrl + t

• สำหรับ Ubuntu: Ctrl + t

13. Delete Previous Word

• สำหรับ Windows: Ctrl + backspace

• สำหรับ Ubuntu: Ctrl + backspace

สิ่งนี้มีประโยชน์มากในกรณีที่คุณพิมพ์ผิด และคุณไม่ต้องการกดปุ่ม backspace ค้างไว้จนไปถึงส่วนที่คุณต้องการจะลบมัน

14. Select in Words

• สำหรับ Windows: Ctrl + Shift + Right arrow / Left arrow

• สำหรับ Ubuntu: Ctrl + Shift + Right arrow / Left arrow

15. Duplicate Line

• สำหรับ Windows: Ctrl + Shift + d

• สำหรับ Ubuntu: Ctrl + Shift + d

 Feature ที่ทรงพลังและเป็นที่รู้จักกันก็คือ ความสามารถในการคัดลอกบรรทัด

16. Deleting a Line

• สำหรับ Mac: Command + x

17. Add Cursor Above/Below

• สำหรับ Windows: Ctrl + Alt + Up arrow / Down arrow

• สำหรับ Ubuntu: Ctrl + Alt + Up arrow / Down arrow

18. Rename Symbol

• สำหรับ Windows: F2

• สำหรับ Ubuntu: F2

19. Column (Box) Selection

• สำหรับ Windows: Shift + Alt

• สำหรับ Ubuntu: Shift + Alt

20. Command Palette

• สำหรับ Windows: Ctrl + p

• สำหรับ Ubuntu: Ctrl + p

สำหรับคำสั่งที่มักจะใช้งานกันบ่อย ๆ ก็คือ:

1. Open File

คำสั่งทั้งหมดอยู่ใน Command Palette พร้อมทั้ง Key Binding ที่เกี่ยวข้อง (ถ้ามี) ในกรณีที่คุณลืม Keyboard Shortcut ขอแนะนำให้คุณใช้ Command Palette เพื่อช่วยเหลือคุณ

สรุป

อย่างที่กล่าวไปตอนต้นว่ายังมี Shortcuts อื่นที่มีประโยชน์ในการใช้งานตามจุดประสงค์ต่าง ๆ อีกเป็นจำนวนมาก ดังนั้น คุณสามารถ Download ดูจาก PDF File ด้านล่างนี้ได้

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

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

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

ที่มา:  https://medium.com/

 

 

รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert

 

อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ

 

บทความล่าสุด

• 4 แนวทางแก้ไข สำหรับปัญหาทั่วไปของ Git
• เพิ่มทักษะการ Debug JavaScript Code ด้วยเทคนิคการใช้ Console 
• 30 Python Snippets ที่คุณสามารถทำความเข้าใจได้ในไม่กี่วินาที