[Part 5] Coding on Vim: การใช้ Vim และ Git

NSLog0
NSLog0
Mar 12 · 2 min read

โพสเก่าจาก Blog เดิม สิงหาคม 6, 2017

Image for post
Image for post

บทความก็มาถึง Part 5 และซึ่ง Part นี้ก็สำคัญมากสำหรับการเขียนโค้ดเพราะจะมาพูดถึงการใช้งาน Git ที่สามารถทำให้เราเห็น diff ของโค้ดได้ใน vim กันเลย

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

Image for post
Image for post

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


vim-gitgutter[Github]

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

Image for post
Image for post

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

Image for post
Image for post

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


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

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


AlgorithmTut

May the force be with you. **Tut stand for Tutorial**

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store