Hướng dẫn người mới bắt đầu: Làm quen với Git và GitHub ngay trong VS Code

Việc chuyển đổi qua lại giữa dòng lệnh (command line) và trình soạn thảo code có thể làm gián đoạn luồng công việc của bạn. May mắn thay, Visual Studio Code (VS Code) cung cấp khả năng tích hợp mạnh mẽ với GitHub, giúp bạn quản lý repository, branch, commit và push code ngay trong một giao diện duy nhất.

Khởi tạo Repository và quản lý thay đổi

Để bắt đầu, hãy mở thư mục dự án của bạn trong VS Code. Tại tab Source Control, bạn có thể chọn Initialize Repository để biến thư mục đó thành một Git repository. Sau khi khởi tạo, các file chưa được theo dõi sẽ hiển thị ký hiệu “U” (untracked). Bạn chỉ cần nhấn dấu cộng (+) để stage các thay đổi này, sau đó nhập thông báo commit và nhấn nút Commit để lưu lại trạng thái công việc.

Làm việc với Branch

Việc tạo branch mới rất đơn giản thông qua Command Palette (Ctrl+Shift+P hoặc Shift+Command+P). Bạn chỉ cần gõ “create branch” và đặt tên cho nhánh mới. Khi thực hiện thay đổi trong code, VS Code sẽ hiển thị các chỉ báo trực quan ngay tại phần gutter (cột bên cạnh số dòng):

• Màu xanh lá: Dòng code mới được thêm vào.
• Màu xanh dương: Dòng code hiện có đã được sửa đổi.
• Mũi tên đỏ: Dòng code đã bị xóa.

Xem Diff và Merge

VS Code cho phép bạn xem sự khác biệt (diff) giữa các phiên bản file ngay trong trình soạn thảo. Bạn có thể chọn chế độ Inline View để theo dõi thay đổi một cách trực quan hơn. Sau khi hoàn tất công việc trên nhánh phụ, bạn có thể merge chúng vào nhánh main bằng cách sử dụng tùy chọn Merge trong menu của tab Source Control.

Xuất bản và Clone Repository

Để đưa dự án lên GitHub, bạn chỉ cần nhấn Publish Branch và chọn chế độ public hoặc private. Ngược lại, nếu muốn lấy một dự án từ GitHub về máy, hãy sử dụng lệnh Git: Clone trong Command Palette và dán URL của repository vào.

Tận dụng AI với Model Context Protocol (MCP)

Một tính năng nâng cao là sử dụng Model Context Protocol (MCP). Bằng cách cài đặt extension GitHub MCP, bạn có thể cho phép GitHub Copilot truy cập vào các công cụ và dữ liệu bên ngoài, hỗ trợ đắc lực cho việc tạo code hoặc quản lý issue ngay trong cửa sổ Chat của VS Code.

Việc nắm vững các thao tác cơ bản này sẽ giúp bạn làm việc chuyên nghiệp và hiệu quả hơn rất nhiều trong môi trường phát triển phần mềm hiện đại.

Nguồn tham khảo: GitHub Blog