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

2 Years ago • Updated

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

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

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 ของเขาได้เช่นกันครับ แปะลิ้งๆ

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

ของแถม :

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