การติดตั้ง Git ลงใน Visual studio code เตรียมเครื่องมือ สำหรับเขียนโค้ดเป็นทีม ควบคุมเวอร์ชั่น Source Code

PHP Knowledge เป็น บอร์ดรวามความรู้ php เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

pataponnew
PHP Hero Member
PHP Hero Member
โพสต์: 152
ลงทะเบียนเมื่อ: 03/05/2021 10:18 am

การติดตั้ง Git ลงใน Visual studio code เตรียมเครื่องมือ สำหรับเขียนโค้ดเป็นทีม ควบคุมเวอร์ชั่น Source Code

โพสต์ที่ยังไม่ได้อ่าน โดย pataponnew »

ขั้นตอนเเรก ดาวน์โหลดเเละติดตั้งตัว Git ที่เว็ปไซต์ https://git-scm.com/downloads
หากต้องการเช็คว่าบนคอมพิวเตอร์ของเรามี Git อยู่รึยัง ให้พิม git --version บน command prompt ซึ่งถ้าเเสดงตัว version ออกมาแปลว่าบนคอมพิวเตอร์ของเราได้ทำการ ติดตั้งตัว Git เรียบร้อยเเล้ว
bandicam 2021-05-27 16-04-15-166.jpg
bandicam 2021-05-27 16-04-15-166.jpg (40.07 KiB) Viewed 2892 times
จากนั้น ไปที่ช่อง search เเละ ค้นหาคำว่า Git bash ดังรูป
bandicam 2021-05-27 16-08-06-613.jpg
bandicam 2021-05-27 16-08-06-613.jpg (75.76 KiB) Viewed 2892 times
คลิกเข้าไปจะได้หน้าต่างดังนี้
bandicam 2021-05-27 16-12-31-882.jpg
bandicam 2021-05-27 16-12-31-882.jpg (19.67 KiB) Viewed 2892 times
จากนั้นเปิดโปรเเกรม Visual studio code ที่เปิดโฟลเดอร์ไฟล์งานของเราที่จะอัพขึ้นไปบน Git
bandicam 2021-05-27 16-21-49-969.jpg
bandicam 2021-05-27 16-21-49-969.jpg (33.09 KiB) Viewed 2892 times
จากนั้นทำการกดปุ่ม Ctrl+Shift+P เพื่อเปิดตัว Command Palette ขึ้นมา
bandicam 2021-05-27 16-23-33-811.jpg
bandicam 2021-05-27 16-23-33-811.jpg (102.07 KiB) Viewed 2892 times
พิมคำว่า git init ดังรูป คลิกที่ Git: Initialize Repository ตามรูปภาพ เพื่อสร้าง Git Repository ของ โฟลเดอร์งานที่เราต้องการ
bandicam 2021-05-27 16-24-32-664.jpg
bandicam 2021-05-27 16-24-32-664.jpg (55.44 KiB) Viewed 2892 times
เมื่อเลือกโฟลเดอร์ที่เราต้องการเเล้ว
เปิดตัว Git บน Browser ที่เราใช้งานอยู่ โดยผมจะใช้เป็นตัว Gitlab นะครับ
ทำการล็อคอินเพื่อใช้งานตัว Gitlab เเละกดปุ่ม New Project ดังรูป
bandicam 2021-05-27 16-30-26-325.jpg
bandicam 2021-05-27 16-30-26-325.jpg (16.36 KiB) Viewed 2892 times
จากนั้นตั้งค่าตัวโปรเจคที่เราจะสร้างขึ้นครับ
bandicam 2021-05-27 16-31-00-418.jpg
bandicam 2021-05-27 16-31-00-418.jpg (149.37 KiB) Viewed 2892 times
ตัวโปรเจคที่เราสร้างขึ้นจะมีโค้ดการตั้งค่าต่างๆ
bandicam 2021-05-27 16-59-30-326.jpg
bandicam 2021-05-27 16-59-30-326.jpg (60.5 KiB) Viewed 2892 times
ให้เราทำการคลิกขวาที่โฟลเดอร์ที่จะใช้อัพ Git เเล้วทำการเปิดด้วย Git Bash ครับ
จากนั้นก๊อปปี้ข้อความบนหน้า Gitlab นำมาใส่ใน Git Bash ของเราครับ
bandicam 2021-05-27 16-57-49-826.jpg
bandicam 2021-05-27 16-57-49-826.jpg (80.27 KiB) Viewed 2892 times
จากนั้น จะมีหน้าต่างดังรูปเเสดงขึ้นมา ให้ใส่ ID เเละ Password ตัว Gitlab ของเรานะครับ
bandicam 2021-05-27 17-01-58-443.jpg
bandicam 2021-05-27 17-01-58-443.jpg (18.51 KiB) Viewed 2892 times
กลับมาที่ โปรเเกรม Visual studio code นะครับ เเล้วทำการคลิกไปที่ source control จะได้หน้านี้ครับ
bandicam 2021-05-27 16-36-15-588.jpg
bandicam 2021-05-27 16-36-15-588.jpg (62.51 KiB) Viewed 2892 times
ทำการคลิก commit ที่ปุ่มติ้กถูก ดังรูปเลยครับ ส่วนช่องข้างใต้คือช่องสำหรับใส่ Comment ตัวไฟล์งานที่ Commit ไปครับในกรณีต้องการอธิบายไฟล์ที่เรา Commit ไป
bandicam 2021-05-27 16-38-55-763.jpg
bandicam 2021-05-27 16-38-55-763.jpg (32.81 KiB) Viewed 2892 times
เมื่อกดเเล้ว ไฟล์งานจะถูกเซฟในตัว local ครับ ไม่ได้ถูกอัพขึ้นไปบน Git Cloud ที่เราสร้างไว้
โดยการจะอัพไฟล์งานของเราขึ้นไปบน Git ของเราบน Cloud เราจะต้องทำการ Push โดยคลิกที่ปุ่มจุดสามจุดเเถวเดียวกับปุ่ม Commit เเละคลิกที่ปุ่ม Push ครับดังรูป
bandicam 2021-05-27 16-43-37-792.jpg
bandicam 2021-05-27 16-43-37-792.jpg (63.41 KiB) Viewed 2892 times
จะต้องใส่ ID Password ของเราอีกครั้ง ไฟล์งานของเราก็จะถูกอัพขึ้นไปบน Git เเล้วครับ
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 34