คัดลอกลิงค์

ความรู้

Git hub มันใช้ยังไงกันนะ

SONE4EVA
SONE4EVA
|2 min read
อ่านบทความอื่นจาก SONE4EVA
แจ้งตรวจสอบ
Git hub มันใช้ยังไงกันนะ

Git hub มันใช้ยังไงกันนะ

 

       สำหรับใครที่เขียนโปรแกรมอยู่อยากจะหาที่เก็บไฟล์งาน github.com คงเป็นอีกทางเลือกหนึ่งของคนอยากเก็บไฟล์ไว้ที่นี่ เพราะมันปลอดภัยและยังสามารถแชร์ไฟล์ให้เพื่อนมาดาวน์โหลด หรือ ยังสามารถทำงานพร้อมกันได้อีก เพื่อน ๆ อาจจะสงสัยกันว่าเราจะเขียนบทความนี้ขึ้นมาทำไมมันใช้ยากขนาดนั้นเลยหรอถึงเขียนบทความนี้ขึ้นมา เรามองว่าถ้าใช้แค่พื้นฐานมันอาจจะง่ายแต่ถ้าใช้พร้อมกับการเขียนโค้ดไปด้วยแล้วละก็ อาจจะทำให้เพื่อนๆงงกันบ้าง อีกอย่างเพื่อน ๆ ของเราในมหาวิทยาลัยมีปัญหากับ github ตลอดกันเลยทีเดียวเวลาที่จะใช้งาน ทุกอย่างที่เราพูดมาเลยเป็นเหตุผลที่ทำให้เกิดบทความ ““Git hub มันใช้ยังไงกันนะ””  ขึ้นมาเพื่ออธิบายและบอกเคล็ดลับต่าง ๆ เพื่อให้เพื่อน ๆ เข้าใจในการใช้งาน github มากยิ่งขึ้น เราอยากจะบอกว่ามันไม่ยากเหมือนที่หลายๆคนเข้าใจ

Advertisement

Advertisement

 

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

หลังจากที่เราเกริ่นมาเยอะมากแล้วเรามา เรียนรู้วิธีการใช้าน github กันเถอะ let’s go

สิ่งแรกที่เราต้องทำเลยนั้นก็คือ เข้าไปที่เว็บไซต์ github.com เลย หลังจากนั้นถ้าใครยังมี account ก็ให้ sign in เลยค่ะ แต่ว่าถ้าใครยังไม่มี account ก็กด sign up แล้วกรอกข้อมูล ทั้ง username, email  และ password

Advertisement

Advertisement

cgหลังจากที่เรามี account ก็ log in แล้วเรามาเริ่มเรียนรู้วิธีการใช้งาน github กันเลยดีกว่า

​​1. กด new

newกด new เพื่อสร้างโปรเจคหรือที่ github เรียกว่า Repositories หรือถ้าจะอธิบายให้เข้าใจง่ายๆเหมือนเป็นการสร้างโฟลเดอร์เพื่อเก็บไฟล์งานนั่นเอง 

2. กรอกข้อมูลต่าง ๆ ลงในช่องให้ครบ

en

  • กรอกชื่อ ชื่อของ Repositories หรือชื่อโฟลเดอร์นั่นเอง 
  • กรอก description หมายถึงให้กรอกคำอธิบายโฟลเดอร์นี้ ไว้ว่ามันคือโฟลเดอร์อะไรมีไว้ทำอะไร ตามที่เพื่อนๆต้องการกันเลยค่ะ
  • ให้เพื่อนๆเลือกว่าต้องการให้เป็น private หรือ public นั่นก็คือ ส่วนตัว หรือ สาธารณะ เลือกสถานะตามที่เพื่อน ๆ ต้องการได้เลย 
  • กด create repositories 

3. หลังจากนั้นเพื่อน ๆ จะได้หน้าเว็บไซต์เหมือนรูปด้านล่าง พิมพ์คำสั่งเหล่านี้ลงไปใน terminal หรือ cmd (โปรแกรม ที่มีมาในเครื่องคอมพิวเตอร์)

Advertisement

Advertisement

github

terminal                                                                             ภาพของ terminal (macos , linux)

cmd                                                                                ภาพของ terminal ( windows )

แค่นี้เราก็มีโฟลเดอร์ที่เอาไว้เก็บไฟล์แล้ว

หลังจากที่เรามีโฟลเดอร์ เราก็ต้องมีการอัพไฟล์ขึ้นไปบนโฟลเดอร์ใช่ไหมล่ะ

4. Clone โฟลเดอร์มาไว้ที่ desktop ในเครื่อง ถ้าจะพูดง่ายๆก็หมายถึงการดาวน์โหลดโฟลเดอร์มาไว้ที่เครื่อง 

5. นำไฟล์ที่เราต้องการเก็บเข้ามาในโฟลเดอร์ที่ดาวน์โหลดมา ด้วยวิธีใดก็ได้ไม่ว่าจะเป็นการ copy การลากไฟล์มาวางทำได้หมด

6. หลังจากข้อ 5 เปิดterminal หรือ cmd แล้วพิมพ์ 

  • cd desktop/ชื่อโฟลเดอร์
  • git init
  • git add .
  • git commit -m “second commit”
  • git push origin master

7. กด f5 เพื่อรีโหลดหน้าเว็บไซต์ ก็จะมีไฟล์โค้ดหรือไฟล์งานทั้งหมดของเรามาอยู่ใน github แล้วล่ะ

com      เป็นยังไงกันบ้างคะ ทั้งหมดที่เราพูดมา มันอาจจะงง ๆ ในช่วงแรก ๆ แต่เราว่าถ้าลองอ่านบทความนี้ของเราดูดีๆ หรืออ่านซ้ำสัก ​2 ครั้งก็น่าจะเข้าใจมายิ่งขึ้น เราว่าหลังจากที่ทุกคนอ่านจบคงมีข้อสงสัยกันบ้างว่ายากขนาดนี้ เราไปฝากไฟล์ที่อื่นดีไหม เราขอบอกเลยว่าถ้าเพื่อน ๆ อยากเขียนโปรแกรมเพื่อน ๆ ต้องได้ใช้ github แน่ๆ เพราะมันสะดวกต่อชาวโปรแกรมกันมากๆ เพราะเราไม่ต้องไปติดตั้งอะไรที่จำเป็นในโค้ดไฟล์นั้นใหม่อีก อีกทั้ง 1 ไฟล์สามารถพัฒนาได้หลายคน แต่สำหรับใครที่ไม่ได้เขียนโปรแกรมแต่อยากเก็บไฟล์ไว้ที่นี่ก็ลองศึกษากันดูนะคะ

 

รูปภาพหน้าปก รูปภาพโดย Chris Ried จาก Unsplash link--> https://unsplash.com/photos/ieic5Tq8YMk

รูปภาพที่ 1 รูปภาพโดย SONE4EVA

รูปภาพที่ 2 รูปภาพโดย SONE4EVA

รูปภาพที่ 3 รูปภาพโดย SONE4EVA

รูปภาพที่ 4 รูปภาพโดย SONE4EVA

รูปภาพที่ 5 รูปภาพโดย SONE4EVA

รูปภาพที่ 6 รูปภาพโดย Icon8  link--> https://icons8.com/icons/set/command-line

รูปภาพที่ 7 รูปภาพโดย SONE4EVA

ความคิดเห็น

Advertisement

Advertisement

Advertisement

บทความล่าสุด