การใช้งาน git ในการตั้ง gitignore ใน VsCode

[Nes224]

ในบทความนี้จะการแชร์วิธีการใช้งาน git ignore ใน vs code โดย โดยที่ gitignore ก็คือเมื่อเวลาที่เราไม่ต้องที่จะอัพโหลดไฟล์ที่ไม่จำเป็นขึ้นไปบน gitlab หรือ github
หรือก็คือ git ignore เป็นการบอก git ว่า ไฟล์หรือโฟลเดอร์ใดใน Working Directory ที่เราไม่ต้องการที่เก็บลง Repository ซึ่งเราจะมาใช้งาน gitignore บน vscode กัน


ในขั้นแรกของการใช้ Git ignore
1. สร้างไฟล์ .gitignore
2. ใส่ชื่อโฟลเดอร์หรือไฟล์ภายใน Working Directory ในไฟล์ .gitignore
3. ทำการ Add และ Commit ไฟล์ .gitignore เข้า Git

ยกตัวอย่างเช่น

example.jpg (10.41 KiB) Viewed 2431 times

ผมไม่ต้องการที่จะอัพโฟลเดอร์ node_modules และ app และไฟล์ app.js ก็ให้มากำหนดที่ไฟล์ .gitignore ดังนี้

ตอนที่ยังไม่กำหนดที่ไฟล์ .gitignore จะสังเกตุเห็นว่ามีไฟล์ จะทีอัพขึ้น git 1k

example1.jpg (13.97 KiB) Viewed 2431 times

และเมื่อเราได้ทำการกำหนดไปแล้ว

example2.jpg (13.15 KiB) Viewed 2431 times

หลังจากที่เรากำหนดไฟล์และโฟลเดอร์ไปแล้ว ว่าจะไม่อัพไฟล์หรือโฟลเดอร์ใดขึ้นไปบ้าง ขั้นตอนต่อไปก็ไปทำการ commit
และตอนที่เราจะทำการ commit ให้พิมพ์ว่าเราได้ทำการ commit อะไรไปเพื่อที่จะได้บอกว่า เนื้อหางานของเรานั้นเกี่ยวกับอะไร ดังภาพ หลังจากนั้นก็ให้ทำการกดที่เครื่องหมายติกถูก เพื่อทำการ commit

commit.jpg (15.77 KiB) Viewed 2431 times

หากเวลที่เราจะทำการ commit ถ้ามี alert เกิดขึ้นดังภาพ ให้ทำตามขั้นตอนต่อไปนี้

Alert config.jpg (10.93 KiB) Viewed 2431 times

ตรง terminal จะมีรายการเด้งขึ้นมาโดยจะมีข้อความบอกว่า to set your account's default identity.
ซึ่งเป็นการบอกว่าเรายังไม่ได้ set account ที่เราใช้กับตัว git นั้นๆ

SetUser.jpg (11.94 KiB) Viewed 2431 times

ให้ทำการกดเปิด terminal บน Vscode ขึ้นมาใหม่

OpenTerminal.jpg (15.57 KiB) Viewed 2431 times

ให้เรา copy คำสั่ง git config --global user.email "[email protected]" มาด้วย
และเมื่อทำการเปิดตัว terminal ขึ้นมาใหม่แล้ว ให้ทำการ วางคำสั่งที่เรา copy มาลงไป ตรงคำว่า "ให้เราใส่ email ที่เราใช้กับ git" แล้วกด enter
และอีกบรรทัดให้เราบอก user ของเรา เช่น git config --global user.name "เป็นต้น"

copy.jpg (15.98 KiB) Viewed 2431 times

และหลังจากที่เราทำการ config ตัว email และ user แล้วให้ทำการลองกด commit ดูอีกครั้ง ซึ่งเราจะสามารถทำการกด เครื่องหมายติกถูกได้
และเมื่อทำการ commit ได้แล้ว ให้ทำการกด push เพื่อ อัพโหลดงานขึ้นไปบน git ของเรา

commit1.jpg (16.84 KiB) Viewed 2431 times

result.jpg (24.73 KiB) Viewed 2429 times

สรุปแล้ว gitignore เป็นการสร้างไฟล์ขึ้นมาบน folder งานของเรา โดย gitignore จะใช้ในการกำหนดว่า ไฟล์หรือโฟลเดอร์ไหนบ้างที่ต้องการที่จะอัพงานขึ้นไปบน git ของเรา

https://memo8.com/git-basic-command/
https://git-scm.com/docs/gitignore
https://stackoverflow.com/questions/52944740/how-do-i-use-gitignore-in-visual-studio-code#:~:text=You%20may%20go%20to%20File,gitignore%20.