Git, Github และการควบคุมเวอร์ชัน
ในบทความนี้ ฉันจะให้ภาพรวมเกี่ยวกับการควบคุมเวอร์ชัน เหตุใดจึงขาดไม่ได้สำหรับนักพัฒนาทุกคน และบอกวิธีเริ่มต้นใช้งาน
การควบคุมเวอร์ชันคืออะไร?
ดังนั้น การควบคุมเวอร์ชันหรือที่เรียกว่าการควบคุมแหล่งที่มาคือการปฏิบัติในการติดตามและจัดการการเปลี่ยนแปลงไฟล์
ความหมายโดยพื้นฐานก็คือ ในฐานะนักพัฒนาในขณะที่เขียนโปรแกรมเว็บไซต์หรือแอปหรือชิ้นส่วนของซอฟต์แวร์ การมีความสามารถในการย้อนกลับไปยังจุดต่างๆ ในการพัฒนาของคุณจะเป็นประโยชน์
คิดว่ามันเหมือนกับจุดตรวจสอบในวิดีโอเกม การควบคุมเวอร์ชันนั้นโดยพื้นฐานแล้วก็เหมือนกับการมีจุดตรวจสอบในการพัฒนาและสามารถย้อนกลับไปยัง 'เวอร์ชัน' ใดก็ได้ที่คุณต้องการไม่ว่าจะด้วยเหตุผลใดก็ตาม
สิ่งที่ยอดเยี่ยมเกี่ยวกับการควบคุมเวอร์ชันคือมันใช้งานได้แม้ว่าจะมีหลายคนที่ทำงานในโครงการเดียวกัน โดยจะบันทึกและติดตามการมีส่วนร่วมของทุกคน
การควบคุมเวอร์ชันสามารถฝึกฝนกับไฟล์ประเภทใดก็ได้ แต่ในฐานะนักพัฒนา เราใช้การควบคุมเวอร์ชันเป็นหลักสำหรับโค้ดซอฟต์แวร์
ระบบควบคุมเวอร์ชัน
ระบบควบคุมเวอร์ชันคือระบบที่ช่วยให้เราใช้การควบคุมเวอร์ชันโดยบันทึกการเปลี่ยนแปลงที่ทำกับไฟล์ ระบุว่าใครเป็นคนทำการเปลี่ยนแปลง เมื่อใดที่ทำ และช่วยให้เราสามารถยอมรับการเปลี่ยนแปลงดังกล่าวหรือย้อนกลับไปยังเวอร์ชันก่อนหน้าของไฟล์ได้
มีระบบควบคุมเวอร์ชันมากมายเช่น GIT, Mercurial และ CVS แต่ Git เป็นระบบที่ได้รับความนิยมและใช้กันอย่างแพร่หลายอย่างไม่ต้องสงสัย ดังนั้นเราจะมาดู Git กัน
โกไอที
Git ทำทุกอย่างที่ระบบควบคุมเวอร์ชันที่ยอดเยี่ยมจะทำ ติดตามการเปลี่ยนแปลงโค้ด ผู้ที่ทำการเปลี่ยนแปลงดังกล่าว และทำให้การทำงานร่วมกันของโค้ดระหว่างนักพัฒนาเป็นไปได้
Git ทำงานร่วมกับเว็บไซต์ชื่อ Github
Github เป็นแพลตฟอร์มการโฮสต์โค้ดออนไลน์ที่ใช้สำหรับการควบคุมเวอร์ชันและการทำงานร่วมกัน ด้วย GitHub คุณสามารถทำงานในโครงการร่วมกับนักพัฒนาคนอื่นๆ ได้ทุกที่ในโลก
โดยทั่วไปแล้ว Git นั้นใช้สำหรับการทำงานภายใน IDE ของคุณบนระบบของคุณ และ GitHub เป็นแพลตฟอร์มที่ช่วยให้นักพัฒนาหลายคนทั่วโลกทำงานร่วมกันในโค้ด
เริ่มต้นใช้งาน Git และ Github
สิ่งแรกที่คุณต้องทำคือดาวน์โหลดและติดตั้งคอมไพล์บนคอมพิวเตอร์ของคุณ
ในการทำเช่นนั้น เพียงไปที่ https://git-scm/downloads เลือกระบบปฏิบัติการของคุณและทำตามคำแนะนำ
การติดตั้ง Git อาจใช้เวลาสักครู่ ดังนั้นในขณะที่กำลังเกิดขึ้นในพื้นหลัง ไปที่ GitHub และสร้างบัญชีที่ GitHub.com
เมื่อติดตั้งคอมไพล์บนอุปกรณ์ของคุณแล้ว เราสามารถเริ่มได้เลย
คุณจะเห็นวงเล็บ () จำนวนมากข้างหน้า สิ่งเหล่านี้ใช้เพื่อเก็บคำสั่งเท่านั้น ดังนั้นไม่ต้องใส่เมื่อเรียกใช้คำสั่ง
กำหนดค่า Git ของคุณ
เปิดเทอร์มินัลคอมพิวเตอร์ของคุณแล้วพิมพ์ (git —version)
เราทำเช่นนี้เพื่อให้แน่ใจว่าเราได้ติดตั้ง git อย่างถูกต้อง หากการติดตั้งเป็นไปด้วยดี ระบบจะแสดงเวอร์ชันของ git ที่คุณติดตั้ง
ต่อไปเราต้องกำหนดค่า git เราต้องบอก git ว่าเราเป็นใคร โดยใช้ชื่อและที่อยู่อีเมลของเรา ขอแนะนำให้ใช้ชื่อเดียวกับที่คุณใช้สร้างบัญชี GitHub เมื่อกำหนดค่า git บนระบบของคุณ
เข้าสู่บรรทัดคำสั่ง (git config —global user.name “your name”)
จากนั้น (git config — global user.email “ที่อยู่อีเมลของคุณ”)
สิ่งนี้จะบอก git ว่าชื่อและที่อยู่อีเมลของคุณคืออะไร รายละเอียดเหล่านี้จะเชื่อมโยงกับโค้ดของคุณในอนาคต
เพื่อตรวจสอบและให้แน่ใจว่าเราทำการกำหนดค่าอย่างถูกต้อง เราใช้คำสั่ง (Git config —global —list)
ซึ่งจะแสดงชื่อและที่อยู่อีเมลที่คุณเพิ่งลงทะเบียน
อยู่ใน! ทีนี้มาดูกันว่าเธอบินได้อย่างไร
มาฝึกใช้ git เพื่อติดตามไฟล์กัน
Git ในทางปฏิบัติ
สร้างไฟล์ชื่อ 'project.html' และเปิดในโปรแกรมแก้ไขข้อความของคุณ
ฉันใช้และแนะนำ vs รหัส
- (Git init) — การเริ่มต้น
เปิดเทอร์มินัลใน vs code และใช้คำสั่ง (git init)
เราทำเช่นนี้ทุกครั้งที่เราสร้างไฟล์ใหม่ที่เราต้องการให้คอมไพล์ทราบและติดตาม
- (สถานะ Git) — ตรวจสอบสถานะของไฟล์
ตรวจสอบสถานะของไฟล์ เราใช้คำสั่ง (git status)
นี่จะแสดงสถานะของไฟล์ของเราในขณะนั้น
มันจะแสดงไฟล์ที่ถูกติดตามและตรวจสอบและไฟล์ที่ไม่ได้
ไฟล์ project.html ของเราควรแสดงเป็นตัวอักษรสีแดงใต้ 'ไฟล์ที่ไม่ได้ติดตาม:'
- (Git เพิ่มชื่อไฟล์) — การจัดเตรียมไฟล์
ตอนนี้คอมไพล์ควรติดตามไฟล์ของเรา เพื่อยืนยันสิ่งนี้ ให้ใช้คำสั่ง (สถานะ git) เราควรเห็นไฟล์ของเราเป็นตัวอักษรสีเขียวภายใต้ 'การเปลี่ยนแปลงที่จะกระทำ:'
ทุกครั้งที่คุณทำการเปลี่ยนแปลงไฟล์ของคุณ คุณจะต้องจัดลำดับไฟล์โดยใช้คำสั่ง (git add project.html) เพื่อให้ไฟล์นั้นทันสมัยอยู่เสมอบน git
- (Git add .) — การจัดเตรียมไฟล์หลายไฟล์
- (git commit) — วิธีคอมมิต [สร้างจุดตรวจสอบ]
ในการทำเช่นนี้เราใช้คำสั่ง (git commit -m “ตั้งชื่อจุดตรวจของคุณ”)
เมื่อคอมมิตไฟล์ คุณควรตั้งชื่อคอมมิตนั้นเพื่อให้คุณสามารถระบุได้ในภายหลังหากคุณต้องการกลับไปดูอีกครั้ง
การแตกแขนงในคอมไพล์
ลองนึกภาพสถานการณ์ที่คุณกำลังเขียนโค้ดและไปถึงจุดที่คุณมีสองเส้นทางที่เป็นไปได้ บางทีเส้นทาง A จะมีโลโก้เป็นสีแดง และเส้นทาง B จะมีโลโก้เป็นสีน้ำเงิน เราจะใช้คอมไพล์โดยที่คุณไม่ต้องเลือก คุณสามารถมีทั้งสองอย่างได้!
สิ่งที่เราทำในกรณีนี้คือสร้างสิ่งที่เราเรียกว่าสาขา มันจะสร้างสำเนา ซึ่งเป็นสาขาของรหัสที่คุณมีอยู่แล้ว ซึ่งคุณสามารถทำงานต่อไปโดยไม่ขึ้นกับสาขาเดิม
- (Git branch nameofbranch) — การสร้างสาขา
- (สาขา Git) — แสดงสาขาทั้งหมด
ควรแสดงสาขาหลักที่เรียกว่า 'ต้นแบบ' ตามค่าเริ่มต้นและสาขาอื่น ๆ ที่คุณสร้าง
- (Git checkout nameofbranch) — สลับไปมาระหว่างสาขา
สิ่งนี้จะเปลี่ยนคุณไปยังสาขาที่ระบุและจะแจ้งให้คุณทราบที่เทอร์มินัล
คุณสามารถยืนยันสาขาที่คุณอยู่ได้ตลอดเวลาโดยใช้คำสั่ง (git status)
Github — git แต่กับเพื่อนร่วมงาน
ตอนนี้ มาดู GitHub กันว่าเราจะใช้ GitHub เพื่อโฮสต์โค้ดของเราทางออนไลน์ได้อย่างไร และ GitHub ช่วยในการทำงานร่วมกันระหว่างนักพัฒนาได้อย่างไร
เชื่อมต่อที่เก็บ Git กับ GitHub
ไปที่ github.com ลงทะเบียนหรือเข้าสู่ระบบบัญชีที่คุณสร้างไว้แล้วและสร้างที่เก็บใหม่
เมื่อสร้างที่เก็บนี้ คุณจะได้รับตัวเลือกสองสามอย่าง
- สร้างที่เก็บใหม่ในบรรทัดคำสั่ง
- พุชที่เก็บที่มีอยู่จากบรรทัดคำสั่ง And
- นำเข้ารหัสจากที่เก็บอื่น
ตัวเลือกที่สองควรมีบรรทัดของโค้ดที่มีลิงก์แนบมาด้วย ซึ่งควรมีลักษณะดังนี้ git remote add origin repositoryUrl
คัดลอกและวางสิ่งนั้นในเทอร์มินัลของเราภายใน vs code
สิ่งนี้เชื่อมต่อที่เก็บแบบออฟไลน์ของเรากับบัญชี GitHub ของเรา ตอนนี้สามารถเห็นได้บน GitHub และผู้อื่นทำงาน
- (Git branch -M main) — เปลี่ยนชื่อสาขาเริ่มต้นของเราบน Git
นี่เป็นการเปลี่ยนแปลงที่ไม่บังคับแต่ขอแนะนำเป็นอย่างยิ่ง
หากต้องการเปลี่ยนชื่อสาขาเริ่มต้นของเราจาก 'master' เป็น 'main' ให้ใช้คำสั่ง (git branch -M main)
ผลักและดึง
- (git push -u origin main) — พุชโค้ด
การดำเนินการนี้จะพุชโค้ดของเราจากที่เก็บ git ในเครื่องของเราไปยัง GitHub หลังจากนั้นคุณจะเห็นโค้ดของคุณบน GitHub และคุณสามารถแชร์ลิงก์ให้กับใครก็ได้ที่คุณต้องการ เพื่อให้พวกเขาสามารถตรวจสอบและทำการเปลี่ยนแปลงได้ตามต้องการ
ในทำนองเดียวกัน คุณสามารถพุชโค้ดของคุณไปยังอินเทอร์เน็ต เรายังสามารถดึงโค้ดจาก GitHub ไปยังที่เก็บในเครื่องของคุณได้อีกด้วย
สิ่งนี้มีประโยชน์อย่างยิ่งเมื่อคุณเริ่มทำงานร่วมกันในโครงการกับบุคคลอื่น พวกเขาอาจทำการเปลี่ยนแปลงในโครงการ และคุณสามารถ 'ดึง' รหัสของพวกเขาจาก GitHub ด้วยวิธีนี้
- (git pull origin main) — การดึงโค้ด
สิ่งนี้จะดึงสาขาหลักของที่เก็บของคุณและเว้นแต่ว่ามีใครทำการเปลี่ยนแปลงในที่เก็บออนไลน์ ควรระบุว่า 'อัปเดตแล้ว'
คุณสามารถดึงสาขาอื่นได้โดยแทนที่ 'main' ด้วยชื่อสาขาที่คุณต้องการดึง
- การโคลน (git clone 'repositoryurl')
ไปที่พื้นที่เก็บข้อมูลเป้าหมายของคุณแล้วแตะที่ปุ่มรหัส จากนั้นเมนูจะเลื่อนลงมาให้เลือก
คัดลอกลิงก์ https ในนั้น
สร้างโฟลเดอร์บนระบบของคุณและสร้างเทอร์มินัลภายในโฟลเดอร์ที่คุณต้องการโคลนที่เก็บ
นี่จะเป็นการเปิดเทอร์มินัลระบบของคุณ
ใช้คำสั่ง (git clone 'repositoryurl')
หากกระบวนการโคลนสำเร็จ คุณควรเห็นโฟลเดอร์ที่ถูกโคลนและไฟล์ทั้งหมดที่เกี่ยวข้องภายในโฟลเดอร์ที่คุณสร้างขึ้น และเมื่อคุณเปิดโฟลเดอร์นั้นด้วย vs code คุณจะเห็นที่เก็บที่สมบูรณ์
เวิร์กโฟลว์ Git
นี่เป็นแนวทางปฏิบัติที่ดีที่สุดบางประการเมื่อใช้ git และ GitHub เพื่อให้แน่ใจว่ามีการทำงานร่วมกันอย่างเหมาะสม
- อย่าทำงานจากสาขาหลัก
- ดึงก่อนที่จะดัน
- การสร้าง Pull Request (เรียกสั้นๆ ว่า PR)
เมื่อคุณพุชสาขาของคุณไปที่ GitHub คุณต้องทำการดึงคำขอเพื่อให้โค้ดของคุณได้รับการตรวจสอบและรวมเข้ากับสาขาหลักของที่เก็บ
เมื่อใดก็ตามที่คุณทำการ pr มันจะแสดงสาขาที่คุณต้องการดึงเข้าไปและสาขาของคุณเคียงข้างกัน เพื่อให้คุณสามารถเปรียบเทียบเพื่อให้แน่ใจว่าทุกอย่างลงตัวและไม่มีจุดบกพร่องอยู่ภายในก่อนที่จะดำเนินการต่อ
- การเพิ่มผู้ตรวจสอบ
หลังจากอ่านคำอธิบายสั้น ๆ นี้แล้ว ฉันอยากจะคิดว่าตอนนี้คุณเข้าใจพื้นฐานของการควบคุมเวอร์ชันด้วย Git แล้ว
ขอขอบคุณที่สละเวลาอ่านบทความนี้
หากคุณมีคำถามหรือการแก้ไข โปรดแสดงความคิดเห็นด้านล่างหรือติดต่อฉันที่[email protected]
การเขียนโปรแกรมอย่างมีความสุข !!