คัมภีร์คีย์ลัด VS Code เพื่อให้เขียน Code ได้ไวขึ้น [Macbook]
TL;DR
เกริ่นก่อนว่าผมไม่เคยใช้ Macbook มาก่อนเลย บวกกับ vscode แทบไม่ได้แตะเพราะตอนแรกผมใช้ notebook(windows) + intellij(java springboot) ในการ dev backend แต่พอย้ายที่ทำงานได้มาใช้ macbook + vscode(golang) ซึ่งทำให้ผมปวดหัวในการทำงานช่วงแรกเหมือนใช้คอมไม่เป็นเลย และผมก็ได้มีการเข้าเทรนเพื่อการทำงานและเขาได้ใช้ shortcuts ในการ dev อย่างคล่องแคล่วซึ่งสะดวกก็การเขียน code มากๆ ผมจึงมีความคิดอยากจะใช้บ้าง
โอเคเรามาเริ่มกันดีกว่า
1. Code Formatting
เมื่อเราเขียน code เสร็จแล้วแต่หน้าตา code ของเรายังไม่สวยงามอ่านลำบาก เราสามารถใช้งาน code formatting เพื่อให้ code ของเราจัดเรียงได้สวยงามอ่านง่าย
shortcuts : option + shift + f
2. Delete Line
การลบแถวที่จะบอกคือสามารถลบได้ทั้งแถวโดยการไม่ต้องคลุมข้อความทั้งหมด และสามารถลบทีละหลายๆบรรทัดได้ ซึ่งสะดวกมากๆ
shortcuts : command + shift + k
3. Copy and Paste Line
เมื่อเราต้องการจะ copy and paste code ส่วนนั้นๆ สามารถกดเพียงคีย์ลัดรอบเดียวจะได้ทั้งก้อนมาโดยเหมือนเสกมาเลย โดยเราไม่จำเป็นต้องคลุมทั้งบรรทัดก็สามารถ copy and paste code ได้
shortcuts : option + shift + up/down
4. Open and Close Sidebar
ถ้าเราต้องการพื้นที่ในการมอง code เราสามารถ Close Sidebar ได้ แล้วถ้าเราต้องการ Sidebar ก็สามารถเปิดขึ้นมาได้เช่นกัน
shortcuts : command + b
5. Select Word
เราสามารถเลือกคำที่เหมือนกันเพื่อแก้ไขได้โดยการคลุมคำที่จะแก้ไขแล้วกด command + d แล้วตัว vscode จะทำการคลุมตัวต่อไปที่เหมือนกันให้เรา แล้วเราก็สามารถแก้ไขตัวที่คลุมได้เลย
shortcuts : command + d
Tips : อยากคลุมหลายทีก็กดหลายครั้ง
6. Delete Left/Right Line
เราสามารถลบข้อความทางซ้ายทั้งหมดในบรรทัดหรือทางขวาทั้งหมดในบรรทัดได้
ลบทั้งหมดทางซ้าย
shortcuts : command + delete
ลบทั้งหมดทางขวา
shortcuts : command + fn + delete
Tips : fn + delete คือการลบทางขวาทีละตัว
7. Select in Words
เราสามารถคลุมทั้งส่วนได้หรือสามารถคลุมทั้งแถวได้อย่างไว
เลือกทีละนิดๆ
shortcuts : option + shift + right/left arrow
เลือกทั้งแถว
shortcuts : command + shift + right/left arrow
Tips : ถ้าไม่กด shift จะเป็นการย้าย cursor อย่างเดียว
8. Add Cursor Above/Below
หากเราต้องการ เพิ่มข้อความที่เหมือนกันตาม gif เราสามารถ add cursor แล้วทำการ เลื่อนไปทางขวาสุด (command + right arrow) แล้วพิมพ์ ข้อความตามต้องการ โดย add cursor
shortcuts : command + option + up/down
9. Open File
ถ้าเกิด Project เรามีไฟล์มากมายก่ายกองเราสามารถเลือกเปิดไฟล์ได้ โดยการพิมพ์ชื่อไฟล์
shortcuts : command + p
10. New Line
ปกติเราจะขึ้นบรรทัดใหม่แล้วเราจะเอา cursor ไปไว้ท้ายบรรทัด แต่สำหรับตัวนี้เอา cursor ไว้ตรงไหนของบรรทัดก็สามารถขึ้นบรรทัดใหม่ได้โดย code ไม่เสียการจัดวาง
shortcuts : command + enter
11. Change Line
เราสามารถย้ายบรรทัดได้โดยไม่ต้อง cut แล้วไปวางบรรทัดที่ต้องการ เราสามารถกดคีย์ลัดนี้เพื่อย้ายบรรทัดได้เลย
shortcuts : option + up/down
12. Close Tab
ถ้าเกิดเราเปิด Tab file มาหลายๆ Tab แล้วมันรกอยากจะปิดบางอันเราสามารถใช้คีย์ลัดเพื่อปิดได้แบบไม่ต้องคลิกกากบาท
shortcuts : command + w
ของแถม :
fn + delete = ลบทางขวา
fn + up = page up
fn + down = page down
fn + left = home
fn + right = end
shift => กดค้างเพิ่มเพื่อจะคลุมข้อความ
เปลี่ยนชื่อไฟล์ คลิกที่ไฟล์แล้ว Enter
อย่างไรก็ตามครับช่วงแรกๆเราอาจจะจำคีย์ลัดพวกนี้ไม่ค่อยได้แต่ถ้าเราพยายามใช้และใช้บ่อยๆจนชินผมเชื่อว่าเราจะสามารถเขียน code ได้ไวขึ้นแน่นอน
มีใครมีเทคนิคในการเขียน Code ให้สะดวกสบายขึ้นก็สามารถแชร์ๆกันได้นะครับ หรือใครอยากรู้ shortcuts มากกว่านี้สามารถดูใน Reference ได้
ถ้าใครชอบบทความนี้และคิดว่าบทความนี้เป็นประโยชน์สามารถแชร์ให้ไปถึงเพื่อนๆที่เริ่มใช้ macbook + vscode ได้เลยนะครับ
สำหรับบทความนี้ต้องขอขอบคุณ Max Veerapat Kumchom ที่เป็นที่ปรึกษาให้กับการเขียน medium ครั้งแรกของผมและถ้าใครเป็น developer อยู่สามารถติดตาม Medium ของเขาได้เช่นกันครับ แปะลิ้งๆ
และขอขอบคุณทีมที่อยากให้คนในทีมเริ่มเขียน medium และได้เริ่มๆเขียนกัน หลังจากนี้จะหาบทความที่มีประโยชน์มาแชร์เรื่อยๆนะครับ