ดู Git Diff
เห็นสิ่งที่ AI agent ของคุณเปลี่ยนพอดี — ทีละไฟล์ ทีละบรรทัด
ก่อนที่คุณจะ commit สิ่งที่ AI agent ของคุณเขียน อ่าน diff มันใช้เวลา 30 วินาทีและมันจะช่วยให้คุณไม่ต้อง shipping การเปลี่ยนแปลงที่เสียหรือไม่คาดคิด Git Client ทำให้ง่ายด้วยมุมมองที่ชัดเจนและมีรหัสสีของการเปลี่ยนแปลงแต่ละอย่าง
เปิดมุมมอง Diff
- กด Cmd+G (Mac) หรือ Ctrl+G (Windows/Linux) เพื่อเปิด Git panel
- Sidebar ด้านซ้ายแสดงไฟล์ทั้งหมดที่มีการเปลี่ยนแปลงที่ยังไม่ได้ commit — unstaged changes ปรากฏในส่วนล่าง
- คลิกชื่อไฟล์ใดๆ เพื่อเปิด diff ของมันด้านขวา
มุมมอง diff เปิดทันที ไม่มีขั้นตอนเพิ่ม
อ่าน Diff
Diff ใช้การเข้ารหัสสีมาตรฐาน:
- บรรทัดสีเขียว — บรรทัดที่เพิ่มโดย agent
- บรรทัดสีแดง — บรรทัดที่ถูกลบหรือแทนที่
- บรรทัดสีเทา — context ที่ไม่เปลี่ยนแปลงรอบการแก้ไข (แสดงสำหรับอ้างอิง)
แต่ละส่วนที่เปลี่ยนแปลงเรียกว่า hunk ไฟล์สามารถมี hunks หลายตัวหากมีการเปลี่ยนแปลงในส่วนต่างๆ ของไฟล์ เลื่อนลงเพื่อดูทั้งหมด
เลขบรรทัดด้านซ้ายแสดงเลขบรรทัดของไฟล์เดิม และเลขบรรทัดด้านขวาแสดงเลขบรรทัดของไฟล์ใหม่
มุมมอง Unified vs Side-by-Side
คุณสามารถสลับระหว่าง layout diff สองแบบ:
- มุมมอง Unified — การเพิ่มและการลบแสดงในคอลัมน์เดียว สลับกัน อ่านง่ายสำหรับการเปลี่ยนแปลงตามลำดับ
- มุมมอง Side-by-side — ไฟล์เก่าด้านซ้าย ไฟล์ใหม่ด้านขวา เปรียบเทียบก่อนและหลังง่ายเมื่อบล็อกใหญ่เปลี่ยน
คลิกปุ่มสลับมุมมองที่มุมขวาบนของ diff panel เพื่อสลับระหว่างพวกมัน
Image Diffs
หากโปรเจกต์ของคุณมีรูปภาพและ agent แก้ไข PNG, JPG หรือไฟล์รูปภาพอื่น diff panel จะแสดง การเปรียบเทียบก่อน/หลังแบบภาพ Slider ให้คุณลากเพื่อเปิดเผยรูปภาพเก่าใต้รูปภาพใหม่ — มีประโยชน์สำหรับจับการเปลี่ยนแปลง design ที่ไม่ได้ตั้งใจ
การนำทางด้วยคีย์บอร์ด
ใช้ปุ่มลัดเหล่านี้เพื่อเคลื่อนที่ผ่านไฟล์ที่เปลี่ยนแปลงอย่างรวดเร็ว:
| ปุ่มลัด | การกระทำ |
|---|---|
] | ไปที่ไฟล์ที่เปลี่ยนแปลงถัดไป |
[ | ไปที่ไฟล์ที่เปลี่ยนแปลงก่อนหน้า |
↓ / ↑ | เลื่อนผ่าน diff |
การวนไฟล์ด้วย ] และ [ เร็วกว่าการคลิกใน sidebar มาก โดยเฉพาะเมื่อ agent แตะไฟล์สิบหรือสิบห้าไฟล์พร้อมกัน
ทำไมต้องรีวิว sebelum Commit?
AI agents ทำงานเร็วและมักจะถูก — แต่ไม่เสมอไป สิ่งที่ควรหาทั่วไปเมื่อรีวิว diff:
- บรรทัดที่ลบที่ไม่ควรถูกลบ — agent อาจลบฟังก์ชันหรือ comment โดย mistake
- ไฟล์ที่เปลี่ยนที่คุณไม่ได้ถามเกี่ยวกับ — agent แตะไฟล์ config หรือ test file ที่คุณไม่ได้คาด
- ค่า placeholder —
TODO,your-api-key-hereหรือข้อมูล test ที่ hardcode ที่ไม่ได้ตั้งใจให้คงอยู่
การรีวิว diff ด่วนก่อนทุก commit รักษา git history ของคุณให้สะอาดและ codebase ของคุณในสถานะที่รู้-good มันยังช่วยให้คุณเข้าใจว่า agent ทำอะไรจริงๆ ซึ่งทำให้คุณเป็นนักพัฒนาที่ดีขึ้นเมื่อเวลาผ่านไป