Hướng dẫn chi tiết cách Review Pull Requests trong VS Code (2026)

Trong khi giao diện web của GitHub hay GitLab hoạt động tốt đối với các pull requests (PR) nhỏ—mở diff, quét qua vài chục dòng, để lại bình luận và phê duyệt—thì ngay khi PR phát triển vượt quá một trăm dòng hoặc chạm đến code không quen thuộc, trình duyệt web trở thành một sự hạn chế chứ không phải là công cụ hỗ trợ.

Bạn không thể nhảy đến định nghĩa hàm, không thể tìm kiếm trên toàn bộ codebase để xem các nơi gọi hàm khác đang sử dụng hàm đã sửa đổi như thế nào, và không thể chạy bộ test hay đặt breakpoint để kiểm tra logic. VS Code loại bỏ mọi giới hạn này. Khi bạn review một PR ngay trong VS Code, bạn có toàn bộ sức mạnh của một IDE áp dụng vào quy trình review.

Tại sao nên review PR trong VS Code?

VS Code mang lại trải nghiệm review vượt trội so với giao diện web trong ba tình huống cụ thể:

Các PR lớn có phụ thuộc qua nhiều tệp tin. Khi một PR sửa đổi một dịch vụ, các test của nó, hợp đồng API và một thành phần sử dụng, bạn cần nắm giữ mối quan hệ giữa các tệp này trong đầu. VS Code cho phép xem các tệp liên hệ song song nhờ trình chỉnh sửa phân tách và bố cục đa tab.

Code không quen thuộc. Khi bạn review code ở phần codebase không thường làm việc, bạn cần khám phá ngữ cảnh xung quanh. Tính năng Go-to-definition (Nhảy đến định nghĩa), Peek Definition và Find All References giúp bạn xây dựng ngữ cảnh đó mà không cần rời khỏi luồng review.

Xác minh hiệu suất và tính đúng đắn. Đôi khi bạn không thể biết code có đúng chỉ bằng cách đọc. Bạn cần chạy nó. VS Code cho phép checkout nhánh PR, chạy ứng dụng cục bộ, thực thi các trường hợp test cụ thể và thậm chí sử dụng trình gỡ lỗi (debugger).

Thiết lập tiện ích mở rộng GitHub Pull Requests

Tiện ích GitHub Pull Requests and Issues là tiện ích chính thức do GitHub xây dựng để review PR trực tiếp trong VS Code.

Cài đặt

Mở VS Code và nhấn Ctrl+Shift+X (Windows/Linux) hoặc Cmd+Shift+X (macOS) để mở bảng Extensions. Tìm kiếm "GitHub Pull Requests" và cài đặt tiện ích do GitHub xuất bản. ID của tiện ích là GitHub.vscode-pull-request-github. Bạn cũng có thể cài đặt qua dòng lệnh:

code --install-extension GitHub.vscode-pull-request-github

Sau khi cài đặt, VS Code sẽ hiển thị một biểu tượng "GitHub Pull Requests" mới trong Activity Bar ở bên trái cửa sổ.

Xác thực

Lần đầu tiên bạn nhấp vào biểu tượng GitHub Pull Requests, VS Code sẽ nhắc bạn đăng nhập vào GitHub. Nhấp vào "Sign in" và làm theo quy trình OAuth trong trình duyệt của bạn. VS Code sẽ yêu cầu quyền đọc các kho lưu trữ, pull requests và vấn đề của bạn.

Nếu bạn làm việc với nhiều tài khoản GitHub, bạn có thể thêm tài khoản bổ sung thông qua menu Accounts ở góc dưới bên trái của VS Code.

Tùy chọn cấu hình

Có một số cài đặt quan trọng worth configuring:

{
  "githubPullRequests.defaultMergeMethod": "squash",
  "githubPullRequests.showPullRequestNumberInTree": true,
  "githubPullRequests.fileListLayout": "tree",
  "githubPullRequests.pullBranch": "prompt",
  "githubPullRequests.notifications": "pullRequests",
  "githubPullRequests.assignCreated": true
}

• defaultMergeMethod: Kiểm soát chiến lược merge (merge, squash, rebase) khi bạn merge PR từ VS Code.
• fileListLayout: Hiển thị các tệp đã thay đổi dưới dạng danh sách phẳng hoặc cây. Chế độ cây (tree) hữu ích hơn cho các PR chạm nhiều tệp.
• pullBranch: Xác định xem VS Code có tự động checkout nhánh PR hay nhắc bạn trước hay không.

Quy trình review Pull Requests từng bước

Bước 1: Tìm và mở PR

Nhấp vào biểu tượng GitHub Pull Requests trong Activity Bar. Thanh bên sẽ hiển thị cây các pull requests được tổ chức theo danh mục: "Waiting For My Review" (Đang chờ tôi review), "Assigned To Me", "Created By Me", v.v. Nhấp vào một PR để mở mô tả của nó trong trình soạn thảo.

Bước 2: Checkout nhánh PR

Để có đầy đủ tính năng IDE trong quá trình review, hãy checkout nhánh PR cục bộ. Nhấp chuột phải vào PR trong thanh bên và chọn "Checkout Pull Request". Khi nhánh được checkout, bạn có toàn bộ codebase ở trạng thái của PR đó. Bạn có thể chạy ứng dụng, thực thi test và sử dụng debugger.

Nếu bạn không muốn checkout nhánh, tiện ích hỗ trợ chế độ "virtual checkout" nơi nó tìm nạp diff từ xa và hiển thị nó mà không sửa đổi nhánh cục bộ của bạn.

Bước 3: Xem thay đổi tệp tin

Sau khi checkout, thanh bên hiển thị danh sách các tệp đã thay đổi. Nhấp vào bất kỳ tệp nào để mở chế độ xem diff song song. Cách xem diff hỗ trợ tất cả các tính năng chuẩn của VS Code như di chuột để xem thông tin kiểu, nhấn F12 để đi đến định nghĩa.

Bạn có thể điều hướng giữa các tệp đã thay đổi bằng:

• Nhấp vào tệp trong cây bên.
• Alt+F5 (macOS: Option+F5): Nhảy đến tệp thay đổi tiếp theo.
• F7: Di chuyển đến thay đổi tiếp theo trong tệp hiện tại.
• Shift+F7: Quay lại thay đổi trước đó.

Bước 4: Để lại bình luận nội dòng (Inline Comments)

Để để lại bình luận trên một dòng cụ thể, di chuột qua số dòng trong chế độ xem diff và nhấp vào biểu tượng + màu xanh xuất hiện. Các bình luận được gửi hàng loạt cùng nhau khi bạn hoàn thành review, giúp tác giả PR nhận được phản hồi một lần thay vì từng cái một.

Bước 5: Phê duyệt, Yêu cầu thay đổi hoặc Bình luận

Sau khi xem xét xong, mở bảng điều khiển lệnh (Command Palette) và gõ "Submit Review". VS Code sẽ đưa ra ba tùy chọn:

• Approve: Bạn hài lòng với các thay đổi.
• Request Changes: Có vấn đề cần giải quyết trước khi merge.
• Comment: Bạn có phản hồi nhưng không chính thức phê duyệt hay chặn PR.

Bước 6: Merge từ VS Code

Sau khi PR được phê duyệt và tất cả các kiểm tra bắt buộc đã vượt qua, bạn có thể merge nó trực tiếp từ VS Code bằng cách nhấp vào nút "Merge Pull Request".

Tăng cường review với GitLens

GitLens là tiện ích Git phổ biến nhất cho VS Code. Nó nâng cao trải nghiệm review với tích hợp Git sâu hơn.

• Lịch sử tệp (File History): Hiển thị mọi commit đã sửa đổi tệp hiện tại. Điều này rất có giá trị khi bạn review một PR tái cấu trúc (refactoring).
• Blame dòng: GitLens thêm chú thích blame nội dòng cho thấy ai đã sửa đổi dòng cuối cùng và khi nào. Điều này giúp bạn biết liệu code có phải là mã cũ hiếm khi được chạm vào hay không.
• Review theo từng commit: Với các PR lớn có nhiều commit, GitLens cho phép bạn review từng commit riêng lẻ để tập trung vào các mối quan tâm liên quan đến mỗi lớp logic.

Hỗ trợ review bằng Copilot trong VS Code

GitHub Copilot đã phát triển thành một trợ lý lập trình AI toàn diện bao gồm cả khả năng review code.

• Gợi ý AI trong quá trình review: Copilot có thể phân tích các thay đổi trong PR và đăng các bình luận nội dòng làm nổi bật các lỗi tiềm ẩn, vấn đề bảo mật hoặc lo ngại về hiệu suất.
• Phân tích code dựa trên Chat: Bạn có thể hỏi Copilot Chat: "Hàm này làm gì?", "Code này có lỗ hổng bảo mật không?", hoặc "Gợi ý cách viết hiệu quả hơn". Copilot sẽ duy trì ngữ cảnh qua cuộc trò chuyện để bạn có thể đặt câu hỏi tiếp theo mà không cần chọn lại code.

Review Merge Requests của GitLab trong VS Code

Các nhóm sử dụng GitLab có quy trình làm việc tương tự thông qua tiện ích GitLab Workflow.

• Thiết lập: Cài đặt tiện ích GitLab.gitlab-workflow, sau đó cấu hình URL instance GitLab và Personal Access Token của bạn.
• Quy trình review MR: Tiện ích hỗ trợ xem danh sách MR, xem diff diff, để lại bình luận, phê duyệt MR và checkout nhánh MR để bật đầy đủ tính năng IDE.
• Một hạn chế so với tiện ích GitHub: tiện ích GitLab không hỗ trợ gửi review theo lô. Các bình luận sẽ được đăng riêng lẻ khi bạn viết chúng.

Các phím tắt giúp review nhanh hơn

Review code hiệu quả phụ thuộc nhiều vào phím tắt. Dưới đây là một số phím tắt quan trọng:

Hành động	Windows/Linux	macOS
Tệp thay đổi tiếp theo	Alt+F5	Option+F5
Thay đổi tiếp theo trong tệp	F7	F7
Quay lại thay đổi trước	Shift+F7	Shift+F7
Đi đến định nghĩa	F12	F12
Tìm tất cả tham chiếu	Shift+F12	Shift+F12
Thêm bình luận review	Ctrl+Shift+P -> "Add Review Comment"	Cmd+Shift+P -> "Add Review Comment"

Bạn cũng có thể thêm các phím tắt tùy chỉnh vào file keybindings.json để truy cập nhanh hơn mà không cần gõ lệnh.

Quy trình đa kho lưu trữ (Multi-repo)

VS Code workspaces cho phép bạn mở nhiều thư mục kho lưu trữ trong một cửa sổ. Điều này cực kỳ hữu ích cho các tính năng trải dài qua nhiều repo (ví dụ: frontend và backend).

Bạn có thể tạo một file .code-workspace bao gồm tất cả các repo liên quan. Tiện ích GitHub Pull Requests sẽ hiển thị PR từ tất cả các kho lưu trữ trong không gian làm việc, cho bạn cái nhìn thống nhất. Bạn có thể review PR backend trong một tab và chuyển sang PR frontend trong tab khác để xác minh hợp đồng API khớp nhau.

So sánh: VS Code vs Web UI - Khi nào nên dùng?

VS Code và giao diện web là các công cụ bổ sung cho nhau.

• PR nhỏ (dưới 100 dòng): Dùng giao diện Web. Nhanh và tiện lợi.
• PR vừa (100-400 dòng): Công cụ nào cũng được. Lựa chọn dựa trên sự tiện lợi lúc đó.
• PR lớn (400+ dòng): Dùng VS Code. Bạn cần khả năng điều hướng giữa các tệp, theo dõi cuộc gọi hàm và chạy test.
• Code không quen thuộc: Dùng VS Code để tận dụng IntelliSense và Go-to-definition.
• PR nhạy cảm về bảo mật: Dùng VS Code để theo dõi luồng dữ liệu và xác thực đầu vào người dùng một cách kỹ lưỡng.
• Khắc phục sự cố khẩn cấp (Hotfix): Dùng giao diện Web để tối đa hóa tốc độ.

Nhiều người review có kinh nghiệm sử dụng kết hợp cả hai: bắt đầu trên web để đọc mô tả và kiểm tra trạng thái, sau đó chuyển sang VS Code để phân tích sâu nếu PR phức tạp.

Các câu hỏi thường gặp

Tôi có thể review pull requests trong VS Code không? Có. Cài đặt tiện ích GitHub Pull Requests and Issues. Nó cho phép bạn checkout PR, xem diff, để lại bình luận, phê duyệt hoặc yêu cầu thay đổi, và merge trực tiếp trong VS Code.

Các tiện ích mở rộng VS Code nào tốt nhất cho review code? Các tiện ích thiết yếu là: GitHub Pull Requests and Issues (chính thức), GitLens (tính năng Git nâng cao, blame, lịch sử), và GitHub Copilot (gợi ý review hỗ trợ bởi AI). Đối với người dùng GitLab, tiện ích GitLab Workflow cung cấp khả năng tương tự.

Review PR trong VS Code có tốt hơn giao diện web không? Review trong VS Code tốt hơn cho các PR lớn phức tạp nơi bạn cần đầy đủ tính năng IDE như IntelliSense, chạy code cục bộ và tìm tham chiếu. Giao diện web nhanh hơn cho các PR nhỏ và cung cấp cái nhìn tổng quan tốt hơn. Nhiều nhà phát triển sử dụng cả hai tùy thuộc vào độ phức tạp của PR.