CEW-04: การใช้งาน git ใน Visual studio code
วัตถุประสงค์
- 1. เพื่อเรียนรู้ ระบบ Version Control
- 2. เพื่อเรียนรู้การใช้งาน Git ใน Visual studio code และ GitLab
การปฎิบัติการนี้ เป็นการศึกษาด้วยตนเอง สามารถปรึกษากับเพื่อนได้ หาข้อมูลจาก web site ต่าง ๆ ได้ การให้คะแนนจะดูจาก ผลการทำงานที่บันทึกไว้ใน gitlab.en.kku.ac.th
1. เบื้องต้น
อ่านและทำความเข้าใจ ระบบ Version Control ที่
https://git-scm.com/book/en/v2/Getting-Started-About-Version-Control
อ่าน
มาเรียนรู้ Git แบบง่ายๆกันเถอะ
ติดตั้งโปรแกรม Visual Studio code และ Git (ไม่ต้องติดตั้ง git client) ลงในเครื่องคอมพิวเตอร์
2. การใช้งาน Git ใน Visual studio code
- 2.1 ให้ใช้ โปรแกรม Visual studio code สร้าง file ใน folder โดย ให้สร้าง folder ใหม่ขึ้นมา ใช้ vs code โดย open folder ดังกล่าว และ สร้าง file ใหม่ใน folder ดังกล่าว (แนะนำ สร้าง file โปรแกรมในภาษา java)
- 2.2 พิมพ์ หรือ copy ข้อมูล text จำนวนหนึ่ง ใส่แฟ้มข้อมูล แล้ว save (แนะนำ เขียน หรือ copy โปรแกรมเพื่อเรียงข้อมูลใน array)
- 2.3 ใช้คำสั่ง git init เพื่อสร้าง repository ดูว่า git สร้าง files อะไร ขึ้นมาเพิ่มบ้าง
- 2.4 ใช้การ add เพื่อให้ file เข้าไปอยู่ ใน repository
- 2.5 ใช้การ commit เพื่อ เก็บ file เป็น version แรก
- 2.6 แก้ไข file ดังกล่าว โดยลบ บางบรรทัด และ เพิ่ม ข้อความ 2 -3 บรรทัด และ แก้คำในบางบรรทัด แล้ว save file
- 2.7 หาวิธีให้ แสดงความแตกต่าง (diff)
- 2.8 commit การเปลี่ยนแปลง
- 2.9 แก้ไข file เล็กน้อย แล้ว save
- 2.10 หาวิธีนำข้อมูล เก่า ในข้อ 2.8 มาแทนที่ 2.9
- 2.11 ลงทะเบียน ใน http://gitlab.en.kku.ac.th โดยให้ Register user ใหม่ โดยใช้ รหัสนักศึกษา เป็น fullname และ username ส่วน e-mail ให้ใช้ e-mail ของ kku mail เท่านั้น เมื่อ Register เรียบร้อย จะเข้าใช้งานได้
- 2.12 ตั้งค่า git ใน visual studio code ให้ remote git เป็น site ตามข้อ 2.11
- 2.13 push project เข้าไปยัง remote site
- 2.14 เข้าดู ใน web ดูว่า project ถูกสร้างหรือ ไม่ มีข้อมูลอะไรเกิดขึ้นบ้าง
- 2.15 ใน web ตั้งค่า project ดังกล่าว ให้เป็น public
3. การทำงานร่วมกัน ใน git สำหรับผู้ใช้ หลายคน
การเขียนโปรแกรม โดยปกติ จะเป็นการทำงานร่วมกัน ซึ่งจะเกิดปัญหา เมื่อมีการแก้ไขโปรแกรมเดียวกัน พร้อมกัน
- 3.1 จับกลุ่มกับเพื่อน กลุ่มหนึ่ง มี 2 คน
- 3.1.1 จัดการ สมาชิก ของ project ใน git lab ให้ เชิญเพื่อน เป็น developer ด้วย
- 3.2 ให้สร้าง folder ใหม่ในเครื่อง เปิด Visual studio code อีกหนึ่งหน้าต่าง เปิด folder ดังกล่าว
- 3.3 ให้ clone project ของเพื่อน เข้ามาใน folder ดังกล่าว (ทำทั้งคู่ เพื่อนคุณก็ clone project ของคุณ)
- 3.4 แก้ไขข้อมูลใน file โดย ดังกล่าว โดยลบ บางบรรทัด และ เพิ่ม ข้อความ 2 -3 บรรทัด และ แก้คำในบางบรรทัด แล้ว save file แล้ว commit แล้ว push ไปยัง web site
- 3.5 หลังจากที่เพื่อน push การแก้ไขแล้ว ให้ไป ดูที่ Visual studio code หน้า Project ของคุณ ให้ pull project จะเห็นว่า การแก้ไข ของเพื่อน จะเปลี่ยน ข้อมูล ใน project ของคุณ
- 3.6 ให้แก้ไข file ของคุณ (เพื่อนคุณ ก็แก้ไขเช่นกัน) แล้ว commit แล้ว push
- 3.7 รอเพื่อนคุณทำข้อ 3.6 เสร็จ
- 3.8 ให้แก้ไข file ของเพื่อนที่ clone มา แล้ว commit แล้ว push จะเกิดปัญหา ว่า file ที่ web จะใหม่กว่า ที่ คุณเพิ่งจะแก้ไข จะต้องทำการ merge การแก้ไข
- 3.9 หาวิธี merge การแก้ไข ทั้ง 3.6 (คุณแก้ไข) และ 3.8 (เพื่อนแก้ไข) เข้าด้วยกัน
ผลการดำเนินงาน
เข้าไปในหน้า project ใน gitlab ที่สร้างขึ้น ดูว่า มี activity ในการ push และ merge หรือไม่ ถ้าไม่มี ให้ทำ ข้อ 2 และ 3 ใหม่
จะให้คะแนน เฉพาะ activity ที่เกิดก่อน กำหนดส่งงาน