[Part 5] Coding on Vim: การใช้ Vim และ Git คู่กัน

สว้สดีครับ บทความก็มาถึง Part 5 กันแล้วนะครับ ซึ่ง Part นี้ก็สำคัญเหมือนกันสำหรับคนที่ทำงานเขียนโค้ดคงใช้งาน Git กันอยู่ประจำ ซึ่งพวก IDE, Editor สมัยนี้เขาก็มีลูกเล่นให้เราได้เล่น อย่างเช่น การ push, commit ได้จากตัวโปรแกรมเลย ไม่ต้องให้เรามาเปิด Terminal เอง และฟีเจอร์ที่ผมจะชอบมากคือการเอา Git status, Git diff มาจับลงให้เราเห็นความแตกต่างและสามารถ revert โค้ดส่วนนั่นกลับไปได้

ปกตินอกจาก vim แล้วผมก็ใช้ Atom ในการทำงานและ Plugin ตัวนึงที่ผมชอบมากคือ Git Diff ซึ่งมันทำให้เราเห็นความแต่กต่างของโค้ดได้ทันทีเลย แบบนี้

สังเกตว่ามันมีการบบอกว่าเราได้ทำการเขียนบรรทัดไหน หรือแก้บรรทัดไหนจากแทบสี ซึ่งถือว่ามันฟีเจอร์ที่ผมนั่นขาดไม่ได้เลย ดังนั่นบทความนี้ผมจะมาสอนให้ทำความรู้จักกับ Plugin ที่ใช้ในการแสดง Git Diff บน Vim กัน

 

vim-gitgutter[Github]

เป็น Plugin ที่ช่วยให้ตัว Editor แสดง Diff ว่าเราแก้อะไรลงไปบ้างใน vim นั่นเอง เหมือนกันตัวอย่างที่เราได้เห็นไปด้านบนของ Atom ที่ช่วยทำให้การใช้ vim เป็นไปได้อย่างสะดวกยิ่งขึ้น เพราะปกติ vim ก็คือทำงานบน Terminal และยิ่งหากทำงานกับ server ด้วยแล้วการจะเปิดโปรแกรมที่ช่วยทำงานกับ Git ยังเป็นไม่ได้เลยดังนั่นตัวนี้ถือว่าโอเคเลยทีเดียว วิธีการติดตั่งนั่นผมได้สอนไปใน Part 2[link]

จะเห็นได้ว่าการทำงานนั่นก็เหมือนกัน Atom เลยทีเดียวคือมีการบอกว่าเราแก้บรรทัดไหน แก้ไรไปบ้างนั่นเอง สำหรับการตั่งค่านั้นจริงๆ ก็ไม่จำเป็นแค่เราลง Plugin มันก็ทำงานได้เลย แต่ใครชอบตกแต่งอะไรเพิ่มเติมสามารถเข้าไปดู Github ได้เลย มีสอนเหมือนกัน เรามาลองตกแต่งเพิ่มเติมสักอย่างนึงดูครับ

ผมได้ลองทำการสั่ง :GitGutterLineHighlightsEnable เพื่อให้มันไฮไลท์บรรทัดที่ถูกแก้ไข เห็นไหมครับ ดูใช้งานขึ้นมาอีกขั่น

 

การใช้งานคำสั่ง Git อื่นๆ

สำหรับ Plugin นี้นั่น ไม่ได้มีฟังก์ชันอื่นๆ ของ Git มาให้เราด้วยมีเพียงการทำ Diff ให้เราเท่านั่น ที่เหลือต้องออกมาสั่งเองจากนอก vim หรือใช้โปรแกรมช่วย อย่างพวก SourceTree หรืออื่นๆ ที่แล้วแต่คนถนัด หรือใครอยากจะใช้งานคำสั่ง Git ข้างใน Vim เลยจริงๆ เราก็มี Plugin ชื่อ vim-fugitive [Github] ซึ่งช่วยให้เราใช้งานคำสั่งต่างๆ ของ Git ได้เลย

 

Facebook Comments