วิธีจัดการ Git และ GitHub โครงการด้วย Atom

ข่าวดีสำหรับเพื่อนนักพัฒนาของฉัน; การรวม Git และ GitHub เพิ่งจัดส่งพร้อมกับการเปิดตัว Atom ใหม่ ฟีเจอร์ใหม่นี้มีให้บริการเป็นรุ่นเบต้าอยู่พักหนึ่ง แต่ตอนนี้ใช้ Atom 1.18 แล้วก็พร้อมให้ใช้งานได้กับคนทั่วไปเช่นกัน จากนี้ไปคุณสามารถ ดำเนินการทั่วไปของ Git และ GitHub โดยไม่ต้องออกจากโปรแกรมแก้ไขรหัส.

ในฐานะที่เป็น Atom เริ่มต้นเป็น เครื่องมือภายในของ GitHub, ขั้นตอนของการรวม Git และ GitHub นั้นไม่น่าแปลกใจเลย ปรับปรุงเวิร์กโฟลว์การพัฒนาของ Atom แน่นอน ด้วยการเปิดตัวใหม่ Atom ยังเสริมความแข็งแกร่งให้กับตำแหน่งในฉากแก้ไขโค้ดเนื่องจาก Visual Studio Code ได้นำเสนอฟีเจอร์เดียวกันนี้มาระยะหนึ่งแล้ว.

เริ่มต้นพื้นที่เก็บข้อมูล Git

Atom มีสองแท็บใหม่, หนึ่งสำหรับ Git และ อีกอันสำหรับ GitHub, ซึ่งคุณสามารถจัดการกับการทำงานของ Git ได้ คุณสามารถเข้าถึงได้โดยคลิกที่ ดู> สลับแท็บ Git / สลับแท็บ GitHub เมนูในแถบเมนูด้านบน, หรือโดยการคลิกที่ไอคอนโฮเวอร์เล็ก ๆ ทางด้านขวาของบานหน้าต่างตัวแก้ไข.

(หากแถบเมนูด้านบนซ่อนอยู่คุณสามารถเปิดเผยได้โดยกดปุ่ม Alt)

คุณยังสามารถใช้สิ่งต่อไปนี้ แป้นพิมพ์ลัด เพื่อเข้าถึงแท็บ:

• แท็บ Git: Ctrl + Shift + 9
• แท็บ GitHub: Ctrl + Shift + 8

คลิก สร้างที่เก็บ ปุ่ม และเลือกโฟลเดอร์ที่คุณต้องการบันทึก repo ของคุณ ในที่สุด, คลิก +ในนั้น ปุ่ม.

และนั่นคือทั้งหมดของคุณ ที่เก็บ Git ได้รับการเริ่มต้น โดยไม่ต้องแตะที่บรรทัดคำสั่ง นี่คือวิธีที่ หน้าจอเริ่มต้น ของ repo Git ที่ว่างเปล่าดูเหมือนว่า:

อย่างที่คุณเห็นเลย์เอาต์นั้นสะดวกเท่าที่จะเป็นไปได้ คุณสามารถดู การเปลี่ยนแปลงทั้งแบบ staged และ unstaged ภายใต้ซึ่งกันและกันและ ทำให้การกระทำ เวลาไหนก็ได้. นอกจากนี้คุณสามารถ เปิดและปิดแท็บ Git เพียงกดปุ่มไอคอนเล็ก ๆ.

แม้ว่า “โครงการ” บานหน้าต่างด้านซ้ายมือจะไม่แสดง repo ตามที่ควร, มีที่ซ่อนอยู่ .คอมไพล์ โฟลเดอร์ ด้วยการตั้งค่า Git ของคุณ.

การเปลี่ยนแปลงขั้นตอน

ฉันสร้างไฟล์ทดสอบสองไฟล์อย่างรวดเร็ว, index.html และ style.css, เพื่อที่จะได้เห็น การแสดงละครทำงานอย่างไร.

Atom วางทั้งสองไฟล์ไว้ใน “การเปลี่ยนแปลงแบบไม่มีการจัดการ” ในบานหน้าต่าง Git ทางด้านขวา และใน “โครงการ” บานหน้าต่างด้านซ้ายชื่อของไฟล์ที่ไม่มีการจัดฉาก ปรากฏเป็นสีเขียว.

มี สามวิธี คุณสามารถแสดงการเปลี่ยนแปลง:

1. ไฟล์สเตจ - สเตจไฟล์เดียวเท่านั้น
2. ขั้นตอนการคัดเลือก - ขั้นตอนส่วนหนึ่งของไฟล์โดยเฉพาะ
3. เวทีทั้งหมด - สเตจไฟล์ที่ไม่จัดแบ่งทั้งหมด

สเตจไฟล์หรือการเลือกแต่ละไฟล์

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

สเตจไฟล์ที่ไม่ทำสเตจทั้งหมด

หากคุณต้องการเวที ไฟล์ที่ไม่มีการจัดเก็บทั้งหมดในคราวเดียว เพียงคลิก เวทีทั้งหมด เมนูที่มุมบนขวาของแท็บ Git.

ไฟล์ staged คือ ย้ายไปที่ “การเปลี่ยนแปลงตามขั้นตอน” มาตรา. และถ้าคุณเปลี่ยนใจคุณก็สามารถทำได้ unstage พวกเขา โดยคลิกที่ Unstage All เมนูที่ด้านบนของ “การเปลี่ยนแปลงตามขั้นตอน” มาตรา.

กระทำการเปลี่ยนแปลง

“การเปลี่ยนแปลงระยะ” ส่วนนั้นเป็นของคุณ การจัดเตรียมพื้นที่. เมื่อคุณถึงจุดสำคัญในการพัฒนาคุณต้องยอมรับการเปลี่ยนแปลง โดยการกระทำคุณ บันทึกสถานะชั่วขณะของโครงการ เข้าสู่ระบบควบคุมเวอร์ชัน Git เพื่อให้คุณสามารถกลับไปใช้ (ถ้าคุณต้องการ) โดยไม่สูญเสียอะไรเลย.

เพื่อส่งมอบพื้นที่การแสดงละครของคุณ, พิมพ์ข้อความกระทำ (ซึ่งจะอธิบายการเปลี่ยนแปลงที่คุณทำตั้งแต่การกระทำครั้งสุดท้าย) ไปที่ ส่งข้อความ ในกล่องและคลิกปุ่มยอมรับ.

เป็นผลให้ทั้ง “การเปลี่ยนแปลงแบบไม่มีการจัดการ” และ “การเปลี่ยนแปลงตามขั้นตอน” มาตรา จะถูกล้าง และสีของชื่อไฟล์ใน “โครงการ” บานหน้าต่างจะเป็น เปลี่ยนกลับเป็นสีขาว.

การดำเนินการอื่น ๆ ของ Git

มีการดำเนินการ Git อื่น ๆ อีกมากมายที่คุณสามารถดำเนินการได้จากตัวแก้ไข Atom ตัวอย่างเช่นคุณสามารถ สร้างสาขาใหม่ โดยคลิกที่ชื่อสาขาที่ด้านล่างของแท็บ Git ที่นี่คุณสามารถ สลับไปมาระหว่างสาขาที่แตกต่างกัน.

อย่างไรก็ตาม, การดำเนินการ Git ทั้งหมดนั้นยังไม่พร้อมใช้งานจาก Atom. ตัวอย่างเช่นคุณไม่สามารถลบสาขาหรือทำการกำหนดค่า ในการทำงานเหล่านี้คุณยังต้องทำ ใช้บรรทัดคำสั่ง. การรวม Git ของ Atom ยังคงเป็นเรื่องใหม่ดังนั้นหวังว่าจะมีการสนับสนุนเพิ่มเข้ามา การดำเนินการที่ใช้บ่อยน้อย ในอนาคต.

คุณสามารถเข้าถึงรายการคุณลักษณะทั้งหมดที่เกี่ยวข้องกับ Git ผ่าน Command Palette โดยใช้การเชื่อมโยงคีย์ Ctrl + Shift + P และ การพิมพ์ “Git” เป็นมัน.

โคลนที่เก็บ GitHub

ฟีเจอร์การรวม Git ใหม่ของ Atom ไม่เพียงทำงานได้ในเครื่องเท่านั้น แต่คุณสามารถทำได้ โคลนที่เก็บ GitHub เช่นกัน.

ให้ทำเช่นนั้น, เปิด Command Palette โดยกดปุ่ม Ctrl + Shift + P และ เลือก GitHub: โคลน คำสั่ง. จากนั้นเพิ่ม URL ที่คุณต้องการโคลน (URL ของ GitHub repo) และโฟลเดอร์ที่คุณต้องการโคลน repo ในที่สุด, คลิกที่ปุ่มโคลน.

ให้สิทธิ์ GitHub สำหรับ Atom

ไปยัง ทำการเปลี่ยนแปลงในโครงการ GitHub, คุณต้องการ อนุญาต GitHub สำหรับ Atom. ทำตามคำแนะนำที่คุณเห็นในแท็บ GitHub ของ Atom ก่อนอื่นให้ไปที่ github.atom.io/login URL และ ลงชื่อเข้าใช้บัญชี GitHub ของคุณ. ที่นี่คุณสามารถ สร้างโทเค็น ซึ่งคุณสามารถทำการอนุญาตได้.

ป้อนโทเค็นการอนุญาต ในช่องป้อนข้อมูลที่คุณสามารถดูได้ในแท็บ GitHub ของอะตอมและ ลงชื่อเข้าใช้บัญชีของคุณ.

จากที่นี่คุณสามารถเข้าถึง การดำเนินการทั่วไปของ GitHub สามประการ: ดึง, ผลักและดึงคำขอ โดยคลิกที่ไอคอนลูกศรลงที่ด้านล่างของแท็บ GitHub.