คัมภีร์คีย์ลัด VS Code เพื่อให้เขียน Code ได้ไวขึ้น [Macbook]

L;DR
เกริ่นก่อนว่าผมไม่เคยใช้ Macbook มาก่อนเลย บวกกับ vscode แทบไม่ได้แตะเพราะตอนแรกผมใช้ notebook(windows) + intellij(java springboot) ในการ dev backend แต่พอย้ายที่ทำงานได้มาใช้ macbook + vscode(golang) ซึ่งทำให้ผมปวดหัวในการทำงานช่วงแรกเหมือนใช้คอมไม่เป็นเลย และผมก็ได้มีการเข้าเทรนเพื่อการทำงานและเขาได้ใช้ shortcuts ในการ dev อย่างคล่องแคล่วซึ่งสะดวกก็การเขียน code มากๆ ผมจึงมีความคิดอยากจะใช้บ้าง

โอเคเรามาเริ่มกันดีกว่า


  1. Code Formatting

เมื่อเราเขียน code เสร็จแล้วแต่หน้าตา code ของเรายังไม่สวยงามอ่านลำบาก เราสามารถใช้งาน code formatting เพื่อให้ code ของเราจัดเรียงได้สวยงามอ่านง่าย

 

Code formatting

shortcuts : option + shift + f


2. Delete Line

การลบแถวที่จะบอกคือสามารถลบได้ทั้งแถวโดยการไม่ต้องคลุมข้อความทั้งหมด และสามารถลบทีละหลายๆบรรทัดได้ ซึ่งสะดวกมากๆ

 

Delete Single Line

 

Delete Multiple Line

shortcuts : command + shift + k


3. Copy and Paste Line

เมื่อเราต้องการจะ copy and paste code ส่วนนั้นๆ สามารถกดเพียงคีย์ลัดรอบเดียวจะได้ทั้งก้อนมาโดยเหมือนเสกมาเลย โดยเราไม่จำเป็นต้องคลุมทั้งบรรทัดก็สามารถ copy and paste code ได้

 

Copy and Paste Single Line

 

Copy and Paste Multiple Line

shortcuts : option + shift + up/down


4. Open and Close Sidebar

ถ้าเราต้องการพื้นที่ในการมอง code เราสามารถ Close Sidebar ได้ แล้วถ้าเราต้องการ Sidebar ก็สามารถเปิดขึ้นมาได้เช่นกัน

 

Opening and closing of the sidebar

shortcuts : command + b


5. Select Word

เราสามารถเลือกคำที่เหมือนกันเพื่อแก้ไขได้โดยการคลุมคำที่จะแก้ไขแล้วกด command + d แล้วตัว vscode จะทำการคลุมตัวต่อไปที่เหมือนกันให้เรา แล้วเราก็สามารถแก้ไขตัวที่คลุมได้เลย

 

Select Word

shortcuts : command + d

Tips : อยากคลุมหลายทีก็กดหลายครั้ง


6. Delete Left/Right Line

เราสามารถลบข้อความทางซ้ายทั้งหมดในบรรทัดหรือทางขวาทั้งหมดในบรรทัดได้

 

Delete Word

ลบทั้งหมดทางซ้าย

shortcuts : command + delete

ลบทั้งหมดทางขวา

shortcuts : command + fn + delete

Tips : fn + delete คือการลบทางขวาทีละตัว


7. Select in Words

เราสามารถคลุมทั้งส่วนได้หรือสามารถคลุมทั้งแถวได้อย่างไว

 

Select Section

 

Select Line

เลือกทีละนิดๆ

shortcuts : option + right/left arrow

เลือกทั้งแถว

shortcuts : command+ right/left arrow


8. Add Cursor Above/Below

 

Add Cursor

หากเราต้องการ เพิ่มข้อความที่เหมือนกันตาม gif เราสามารถ add cursor แล้วทำการ เลื่อนไปทางขวาสุด (command + right arrow) แล้วพิมพ์ ข้อความตามต้องการ โดย add cursor

shortcuts : command+ option up/down


9. Open File

ถ้าเกิด Project เรามีไฟล์มากมายก่ายกองเราสามารถเลือกเปิดไฟล์ได้ โดยการพิมพ์ชื่อไฟล์

 

Open File

shortcuts : command+ p


ของแถม :

fn + delete = ลบทางขวา

fn + up = page up

fn + down = page down

fn + left = home

fn + right = end

เปลี่ยนชื่อไฟล์ คลิกที่ไฟล์แล้ว Enter


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

มีใครมีเทคนิคในการเขียน Code ให้สะดวกสบายขึ้นก็สามารถแชร์ๆกันได้นะครับ หรือใครอยากรู้ shortcuts มากกว่านี้สามารถดูใน Reference ได้

ถ้าใครชอบบทความนี้และคิดว่าบทความนี้เป็นประโยชน์สามารถแชร์ให้ไปถึงเพื่อนๆที่เริ่มใช้ macbook + vscode ได้เลยนะครับ

สำหรับบทความนี้ต้องขอขอบคุณ Max Veerapat Kumchom ที่เป็นที่ปรึกษาให้กับการเขียน medium ครั้งแรกของผมและถ้าใครเป็น developer อยู่สามารถติดตาม Medium ของเขาได้เช่นกันครับ แปะลิ้งๆ

Max Veerapat Kumchom - Medium

Read writing from Max Veerapat Kumchom on Medium. Let's learn together. Every day, Max Veerapat Kumchom and thousands…

medium.com

และขอขอบคุณทีมที่อยากให้คนในทีมเริ่มเขียน medium และได้เริ่มๆเขียนกัน หลังจากนี้จะหาบทความที่มีประโยชน์มาแชร์เรื่อยๆนะครับ


Reference :

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

https://medium.com/better-programming/20-vs-code-shortcuts-for-fast-coding-cheatsheet-10b0e72fd5d


ที่มา medium.com




Comments

ขายบ้านรายได้ดี ทำงานที่ไหนก็ได้ รับเพียง 10 ท่านเท่านั้น | ระเบียงขาว

สายช้อปปิ้ง แหล่งช้อปปิ้งสำหรับสายช้อป