GitHub Essentials for VS Code Users

บทความนี้สรุปขั้นตอนสำคัญในการใช้ Git และ GitHub ตั้งแต่เริ่มต้นจนถึงการทำงานร่วมกับ VS Code และการจัดการโค้ดในแต่ละวัน โดยเน้นคำสั่งที่จำเป็นและลำดับการใช้งานที่ถูกต้อง

1. First-Time Setup: การเตรียมความพร้อมเบื้องต้น

ชุดคำสั่งและขั้นตอนเหล่านี้ต้องทำเพียงครั้งเดียวบนคอมพิวเตอร์ของคุณ

1.1 การติดตั้ง Git

ดาวน์โหลดและติดตั้ง Git ตามระบบปฏิบัติการของคุณ (Windows, macOS) เมื่อติดตั้งเสร็จแล้ว ให้เปิด Terminal หรือ Command Prompt เพื่อตรวจสอบการติดตั้ง:

git --version

1.2 การตั้งค่าผู้ใช้งาน (Global Configuration)

เพื่อระบุตัวตนของคุณในการ Commit แต่ละครั้ง กำหนดชื่อและอีเมลที่ใช้กับ GitHub

git config --global user.name "Your Name"
git config --global user.email "your.email@example.com"

1.3 การเชื่อมต่อ GitHub กับ VS Code

ใน VS Code, Git จะทำงานร่วมกับ Extensions ได้ง่ายขึ้น

1. เปิด VS Code

2. ไปที่ Source Control (ไอคอนรูปแยกสามแฉก)

3. เมื่อคุณพยายาม Clone หรือ Push ครั้งแรก VS Code จะขออนุญาตให้คุณ Sign in with your browser ให้ดำเนินการตามขั้นตอนเพื่อเชื่อมต่อบัญชี GitHub ของคุณ (ขั้นตอนนี้จะช่วยจัดการเรื่อง Credential/Token อัตโนมัติ)

1.4 การเริ่มต้น Repository (สร้าง Repo ครั้งแรก)

หากคุณกำลังเริ่มต้นโปรเจกต์ใหม่ ให้ทำตามขั้นตอนต่อไปนี้เพื่อสร้างพื้นที่เก็บโค้ดในเครื่องคุณและเชื่อมต่อกับ GitHub

1. สร้าง Repo บน GitHub: เข้าสู่เว็บไซต์ GitHub และสร้าง Repository ใหม่ (ตั้งชื่อ, เลือก Public/Private)

2. เชื่อมต่อกับโฟลเดอร์ในเครื่อง: ใน Terminal ภายในโฟลเดอร์โปรเจกต์ของคุณ ใช้คำสั่งเพื่อเพิ่ม Remote Origin (แทนที่ URL ด้วยลิงก์ GitHub Repo ของคุณ)

    git remote add origin [https://aws.amazon.com/th/what-is/repo/](https://aws.amazon.com/th/what-is/repo/)
   

3. ตั้งค่า Branch หลัก (ถ้ายังไม่เคยทำ):

    git branch -M main
   

2. Daily Startup: การเริ่มต้นทำงานในแต่ละวัน

ก่อนที่คุณจะเริ่มเขียนโค้ด ให้ดึงข้อมูลล่าสุดจาก Repository หลัก (ถ้ามีเพื่อนร่วมทีมทำงานอยู่) เพื่อป้องกัน Conflict

2.1 ดึงข้อมูลอ้างอิง (Fetch)

คำสั่งนี้ใช้ดึงข้อมูลการเปลี่ยนแปลงทั้งหมดจากเซิร์ฟเวอร์มาเก็บไว้ในเครื่องคุณ โดยยังไม่นำมารวม กับโค้ดที่คุณกำลังทำงานอยู่ (เป็นการตรวจสอบว่ามีอะไรใหม่ไหม)

git fetch

2.2 ดึงและรวมโค้ด (Pull)

คำสั่งที่ใช้บ่อยที่สุดในการเริ่มต้นทำงาน คือการดึงข้อมูลล่าสุดจาก Branch หลักบน GitHub มา รวม (Merge) เข้ากับโค้ดในเครื่องคุณทันที เพื่อให้แน่ใจว่าคุณเริ่มงานจากโค้ดเวอร์ชันล่าสุด

git pull

3. End of Day/Feature Completion: การบันทึกและเผยแพร่โค้ด

เมื่อคุณเขียนโค้ดส่วนใดส่วนหนึ่งเสร็จสิ้น หรือก่อนเลิกงาน คุณต้องบันทึกงานทั้งหมดไว้บน GitHub

3.1 การเลือกไฟล์เข้าสู่ Staging Area

คำสั่งนี้บอก Git ว่าไฟล์ทั้งหมดที่มีการแก้ไขในโฟลเดอร์ปัจจุบัน พร้อมที่จะถูกบันทึก (Commit) แล้ว

git add .

3.2 การบันทึกการเปลี่ยนแปลง (Commit)

บันทึกชุดการเปลี่ยนแปลงที่เกิดขึ้น พร้อมเขียนข้อความอธิบายว่า Commit นี้ทำอะไรไปบ้าง (-m ย่อมาจาก message)

git commit -m "Add user authentication module"

3.3 การส่งโค้ดขึ้น GitHub (Push)

นี่คือขั้นตอนสุดท้ายในการส่งโค้ดที่ Commit ไว้ในเครื่องคุณ ขึ้นสู่ GitHub Repository

• กรณี Push ครั้งแรกสุด: ครั้งแรกที่คุณ Push หลังจากการ Clone หรือ Init คุณต้องระบุว่าคุณจะ Push ไปที่ Remote Origin (origin) และกำหนดให้ Branch ปัจจุบัน (main) เป็น Branch ติดตาม (Tracking Branch) เพื่อให้ครั้งต่อไป Push ได้สั้นลง

    git push -u origin main
  

• กรณี Push ในครั้งถัดไป: หลังจากกำหนด Tracking Branch แล้ว ครั้งถัดไปคุณสามารถใช้คำสั่งสั้นๆ ได้เลย

    git push
  

• การทำตามขั้นตอนเหล่านี้เป็นประจำจะช่วยให้การทำงานร่วมกับ Git และ GitHub เป็นไปอย่างราบรื่นและมีประสิทธิภาพครับ