MN
MN

Cách dùng Git trong VS Code

Giới thiệu

Sử dụng Git trong Visual Studio Code (VS Code) có thể giúp bạn quản lý mã nguồn hiệu quả ngay trong môi trường phát triển. VS Code tích hợp sẵn Git, cho phép bạn thực hiện nhiều thao tác Git mà không cần rời khỏi editor. Dưới đây là hướng dẫn chi tiết về cách sử dụng Git trong VS Code:

1. Cài Đặt Git và VS Code

Trước tiên, đảm bảo rằng Git đã được cài đặt trên hệ thống của bạn. Bạn có thể tải Git từ trang chính thức của Git.

2. Mở Dự Án Trong VS Code

  • Mở thư mục dự án: Mở VS Code, chọn File > Open Folder... và chọn thư mục chứa dự án của bạn.

3. Xác Nhận Git Được Kết Nối

  • Kiểm tra Git: VS Code sẽ tự động nhận diện nếu bạn có một kho lưu trữ Git trong thư mục dự án. Bạn có thể kiểm tra bằng cách mở bảng Source Control từ sidebar bên trái (hoặc nhấn Ctrl + Shift + G).

4. Thực Hiện Các Thao Tác Git

a. Kiểm Tra Trạng Thái

  • Mở Source Control: Click vào biểu tượng Source Control (hình biểu đồ) trên sidebar bên trái hoặc nhấn Ctrl + Shift + G. Bạn sẽ thấy trạng thái của các tệp đã thay đổi.

b. Commit Thay Đổi

  • Chọn và Commit Thay Đổi:
    1. Trong bảng Source Control, bạn sẽ thấy các tệp đã thay đổi. Chọn các tệp bạn muốn commit bằng cách đánh dấu checkbox.
    2. Nhập thông điệp commit vào ô Message ở trên cùng và nhấn nút ✔️ (hoặc Ctrl + Enter) để commit.

c. Push và Pull

  • Push:
    1. Sau khi commit, nhấn vào nút ... (ba chấm) ở góc trên bên phải của bảng Source Control.
    2. Chọn Push từ menu dropdown để đẩy các thay đổi lên kho lưu trữ từ xa.
  • Pull:
    1. Tương tự, nhấn vào nút ... và chọn Pull để lấy các thay đổi từ kho lưu trữ từ xa về.

d. Chuyển Nhánh (Branch)

  • Chuyển Nhánh:
    1. Nhấn vào tên nhánh hiện tại ở góc dưới bên trái của VS Code.
    2. Chọn nhánh bạn muốn chuyển đến từ danh sách hoặc tạo nhánh mới.

e. Tạo Pull Request

  • Tạo Pull Request:
    1. Nếu bạn đang sử dụng dịch vụ như GitHub, bạn có thể cài đặt extension GitHub Pull Requests and Issues từ Marketplace.
    2. Sau khi cài đặt, bạn có thể tạo và quản lý pull request ngay trong VS Code.

5. Sử Dụng Extensions

VS Code hỗ trợ nhiều extension giúp cải thiện trải nghiệm với Git:

  • GitLens: Cung cấp các tính năng nâng cao như lịch sử commit, thông tin tác giả và các công cụ so sánh.
  • GitHub Pull Requests and Issues: Tạo và quản lý pull requests và issues từ GitHub.
  • Git Graph: Xem và tương tác với đồ thị Git trong VS Code.

6. Cấu Hình Git

  • Thiết lập thông tin người dùng: Bạn có thể cấu hình thông tin người dùng cho Git từ VS Code Terminal hoặc từ Git CLI:
git config --global user.name "Your Name"
git config --global user.email "[email protected]"
  • Cài đặt VS Code để sử dụng Git: Đảm bảo rằng đường dẫn đến Git được cấu hình đúng trong VS Code. Vào File > Preferences > Settings, tìm kiếm git.path để cấu hình đường dẫn đến Git nếu cần.

Tổng kết

Sử dụng Git trong VS Code giúp bạn quản lý mã nguồn một cách hiệu quả ngay trong môi trường phát triển. Bạn có thể thực hiện các thao tác như commit, push, pull, và chuyển nhánh trực tiếp từ bảng Source Control, và cải thiện trải nghiệm với các extension hỗ trợ Git.

Các bài liên quan khác:

  1. Chức năng của lệnh Git Revert
  2. Chức năng của lệnh Git Reset
  3. Chức năng của lệnh Git RM
  4. Chức năng của lệnh Git Log
  5. Chức năng của lệnh Git Show
  6. Chức năng của lệnh Git Rebase
  7. Các công cụ giao diện đồ họa và dòng lệnh của Git
  8. Cấu trúc tổ chức sở hữu Git
  9. Lịch sử Git
  10. Giới thiệu tổng quan về Git
  11. Giới thiệu tổng quan về Linus Torvalds
  12. Cách cài đặt môi trường Git
  13. Chức năng của lệnh Git Clone
  14. Giáo trình Git
  15. Chức năng của lệnh Git Blame
  16. Cách đồng bộ (sync) một folder thuộc hai nhánh khác nhau trong Git
  17. Chức năng của lệnh Git Diff
  18. Cách đồng bộ hai thư mục thuộc hai nhánh khác nhau trong Git
  19. Chức năng của lệnh Git Merge
  20. Chức năng của lệnh Git Fetch
  21. Chức năng của lệnh Git Push
  22. Chức năng của lệnh Git Commit
  23. Chức năng của .gitattributes trong Git
  24. Chức năng của .gitignore trong Git
  25. Chức năng của lệnh Git Status
  26. Chức năng của lệnh Git Stash
  27. So sánh Git Restore và Git Clean
  28. Chức năng của lệnh Git Restore
  29. Cấu trúc khu vực trong một Git Respository
  30. Chức năng của lệnh Git Add
  31. Chức năng của lệnh Git Branch
  32. Chức năng của lệnh Git Checkout
  33. Tại sao git checkout other_branch — . có thể mang thay đổi sang nhánh hiện tại
  34. Cách loại bỏ hiển thị dòng (END) ở cuối kết quả để thoát ra và thực hiện lệnh khác trong Git
  35. Cách loại bỏ tất cả những thay đổi trong Git bằng cách sử dụng Git Stash -U
  36. Cách huỷ bỏ Git Rebase khi bị lỗi
  37. Terminal trong VS Code là CMD hay PowerShell
  38. Dữ liệu commit của Git lưu ở đâu?
  39. So sánh Fetch và Pull trong Git
  40. Cấu trúc một lệnh CLI cơ bản của Git
  41. So sánh thuật ngữ Pull và Pull Request trong Git
  42. Thuật ngữ Snapshot trong Commit của Git
  43. Các khái niệm quan trọng trong Git
  44. So sánh Git LFS và Git thông thường
  45. Git giải quyết những vấn đề gì?
  46. Git là cái gì?
  47. Cách lưu thông tin xác thực của Git
  48. Cách xem biểu đồ Git bằng Git Graph trong VS Code
  49. Cách so sánh 2 nhánh Git trong VS Code bằng GitLens
  50. GitLens là cái gì?
  51. Cách so sánh 2 file trong VS Code
  52. Visual Studio Code là cái gì?
  53. So sánh Command Palette và Intergrated Terminal trong VS Code
  54. Cách thay đổi, tuỳ biến phím tắt trong VS Code
  55. Cách dùng Git LFS để quản lý file lớn trong Git