Site logo
Authors
  • avatar Nguyễn Đức Xinh
    Name
    Nguyễn Đức Xinh
    Twitter
Published on
Published on

Hướng dẫn Sử dụng Github Copilot trong VS Code

Hướng dẫn cài đặt và sử dụng GitHub Copilot trong VS Code

GitHub Copilot là trợ lý mã hóa AI được phát triển bởi GitHub kết hợp với OpenAI. Nó hoạt động như một lập trình viên cặp ảo (pair programmer), cung cấp các gợi ý mã thông minh (code suggestions), tự động hoàn thành (autocompletions) và thậm chí triển khai các hàm hoàn chỉnh dựa trên bình luận bằng ngôn ngữ tự nhiên hoặc mã hiện có. Được hỗ trợ bởi mô hình Codex của OpenAI, Copilot hỗ trợ nhiều ngôn ngữ lập trình và framework, biến nó thành công cụ đa năng cho các nhà phát triển. Hãy làm theo hướng dẫn này để cài đặt và sử dụng GitHub Copilot trong VS Code.

Yêu cầu

  • Tài khoản GitHub có đăng ký sử dụng GitHub Copilot
  • VS Code đã được cài đặt trên máy tính của bạn

Cài đặt extension GitHub Copilot

  1. Mở tab Extension bằng cách nhấn vào biểu tượng Extension ở sidebar hoặc sử dụng phím tắt: Ctrl+Shift+X trên Windows/Linux hoặc Cmd+Shift+X trên macOS
  2. Tìm kiếm: GitHub Copilot và nhấn Enter
  3. Chọn extension có tên GitHub Copilot và nhấn Install

Cài đặt GitHub Copilot

Lưu ý: Khi cài đặt extension GitHub Copilot, extension GitHub Copilot Chat cũng sẽ được cài đặt kèm theo.

Đăng nhập GitHub trên VS Code

  1. Sau khi cài đặt thành công extension GitHub Copilot, bạn sẽ thấy thông báo yêu cầu đăng nhập ở góc dưới bên phải của VS Code

Thông báo đăng nhập

  1. Tiến hành liên kết với tài khoản GitHub của bạn

Liên kết tài khoản

  1. Kiểm tra hoặc thay đổi tài khoản GitHub đang được liên kết bằng cách nhấn vào biểu tượng Profile ở sidebar bên trái

Xem tài khoản đang liên kết

Bắt đầu sử dụng GitHub Copilot trên VS Code

Có 4 cách chính để sử dụng GitHub Copilot:

  1. Inline Code Suggestions (Gợi ý mã nội tuyến)
  2. GitHub Copilot Chat (Trò chuyện với Copilot)
  3. GitHub Copilot Inline (Nhắc lệnh nội tuyến)
  4. GitHub Copilot Edits (Chỉnh sửa với Copilot)

Sử dụng GitHub Copilot Inline

Để sử dụng GitHub Copilot Inline:

  1. Dùng phím tắt: Ctrl + I (Windows/Linux) hoặc Cmd + I (macOS)
  2. Nhập yêu cầu (prompt) mong muốn

GitHub Copilot Inline

Sau khi nhập prompt, Copilot sẽ tự động tạo mã theo yêu cầu của bạn.

Ví dụ, nếu bạn yêu cầu GitHub Copilot tạo một form đăng nhập bằng prompt: Help me to create a Login form, đây là kết quả:

Kết quả tạo form đăng nhập

Nếu kết quả phù hợp với mong đợi, hãy nhấn Accept để áp dụng. Hoặc bạn có thể tiếp tục đưa thêm yêu cầu để Copilot hoàn thiện đúng như mong muốn.

Inline Code Suggestions (Gợi ý mã nội tuyến)

  • Khi bạn bắt đầu viết mã, Copilot sẽ tự động gợi ý mã dựa trên ngữ cảnh
  • Chấp nhận gợi ý: Nhấn Tab
  • Bỏ qua gợi ý: Nhấn Esc
  • Xem các gợi ý khác: Nhấn Alt + ] (Windows/Linux) hoặc Option + ] (macOS)

Gợi ý mã nội tuyến

Hoàn thành khối mã (Block Code Completion)

Viết một bình luận mô tả chức năng bạn muốn, và Copilot sẽ giúp bạn tạo mã cho toàn bộ hàm hoặc khối mã. Ví dụ:

Hoàn thành khối mã

Chuyển đổi ngôn ngữ tự nhiên thành mã (Natural Language to Code)

Copilot hiểu các comment và chuyển đổi chúng thành mã:

Chuyển đổi ngôn ngữ tự nhiên thành mã

Sử dụng GitHub Copilot Chat

GitHub Copilot Chat cho phép bạn tương tác với Copilot thông qua giao diện trò chuyện, yêu cầu giải thích, hỗ trợ tái cấu trúc mã và các phương pháp tốt nhất.

Để mở GitHub Copilot Chat:

  • Nhấn vào biểu tượng Copilot ở phía trên cùng của VS Code, hoặc
  • Sử dụng phím tắt: Ctrl+Shift+I (Windows/Linux) hoặc Cmd+Shift+I (macOS)

Copilot Chat

Thử yêu cầu Copilot giải thích về repository của bạn bằng prompt: Can you tell me about this repository?

Kết quả sẽ khá chi tiết, bao gồm tổng quan, ý nghĩa của từng thư mục, cách cài đặt, cấu hình, cách chạy dự án và các script cần thiết.

Kết quả Copilot Chat

Sử dụng GitHub Copilot Edits

Để mở GitHub Copilot Edits:

  • Nhấn vào biểu tượng Copilot phía trên cùng của VS Code, hoặc
  • Sử dụng phím tắt: Cmd+Control+I trên macOS

Lưu ý: Nên thêm các file liên quan vào Working set để GitHub Copilot tạo mã phù hợp với ngữ cảnh mong muốn.

Copilot Edits

Thử yêu cầu GitHub Copilot tạo một form đăng nhập bằng prompt: Help me to create a Login form

Kết quả Copilot Edits

Nếu kết quả phù hợp với mong muốn, hãy nhấn Accept để áp dụng. Hoặc bạn có thể tiếp tục đưa thêm yêu cầu để Copilot hoàn thiện đúng như ý.

Kết luận

Bạn đã hoàn tất việc cài đặt và tìm hiểu cách sử dụng GitHub Copilot trong VS Code. Với công cụ mạnh mẽ này, bạn có thể đẩy nhanh quá trình phát triển phần mềm, nhận được gợi ý mã thông minh và tận dụng các tính năng hỗ trợ khác để nâng cao hiệu suất làm việc. Hãy khám phá thêm và tận dụng tối đa các tính năng của GitHub Copilot để cải thiện kỹ năng lập trình của bạn.