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

GitHub Copilot là một trợ lý mã hóa AI mạnh mẽ, được thiết kế để nâng cao quy trình làm việc của bạn. Hãy làm theo hướng dẫn này để cài đặt và sử dụng GitHub Copilot trong VsCode

Yêu cầu

• Bạn cần active subscription GitHub Copilot
• Cài đặt Vscode trong máy của bạn

Cài đặt Github Copilot extension

• Mở tab Extension bằng cách nhấn vào icon Extension bên sidebar hoặc dùng phím tắt: Ctrl+Shift+X trên Mac, Cmd+Shift+X trên Window.
• Nhập: Github copilot và nhấn enter.
• Chọn extension có tên Github copilot và nhấn install
• Lưu ý: Khi cài extension Github copilot thì extension Github copilot Chat cũng sẽ được cài đặt theo.

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

• Sau khi cài đặt thành công extension Github Copilot thì sẽ hiển thị thông báo yêu cầu login ở phía dưới bên phải của VS code.
• Bạn tiến hành liên kết với tài khoản Github của bạn
• Kiểm tra hoặc thay đổi tài khoản Github đang liên kết bằng cách nhấn vào icon Profile ở sidebar bên trái

Kiểm tra Github Copilot

Ta có thể sử dụng Github Copilot bằng 3 cách chính:

• Github Copilot Chat
• Github Copilot Inline
• Github Copilot Edits

Sử dụng Github Copilot Chat

• Để mở Github Copilot Chat, Bấm vào icon Copilot bên trên cùng của Vscode hoặc dùng phím tắt: Cmd+Shift+I trên Mac hoặc Ctrl+Shift+I trên Win

Hãy thử yêu cầu Copilot giải thích về source code bằng prompt sau: Can you tell me about this repository?

Và đây là kết quả. Khá là chi tiết. Chúng bao gồm đầy đủ overview, ý nghĩa của từng folder, cách cài đặt, cấu hình, cách chạy dự án và các script cần thiết,..

Sử dụng Github Copilot Inline

• Sử dụng Github Copilot Inline ta dùng phím tắt: Cmd + I hoặc Ctrl + I và nhập Promt mong muốn.
• Sau khi nhập Copilot sẽ tự động generate code theo promt mà ta nhập.
• Thử ví dụ yêu cầu Github Copilot viết giúp 1 page Login bằng prompt: Help me to create a Login form nhé: Và đây là kết quả. Nếu thấy kết quả đúng với mong đợi thì nhấn Accept để áp dụng. Hoặc có thể tiếp tục đưa thêm các yêu cầu để Copilot hoàn thiện đúng với mong đợi.

Sử dụng Github Copilot Edits

• Để mở Github Copilot Edits, Bấm vào icon Copilot bên trên cùng của Vscode hoặc dùng phím tắt: Cmd+contol+I trên Mac. Lưu ý nên thêm các file liên quan vào Working set để Github Copilot sẽ generate code đúng với context mong đợi

• Thử ví dụ yêu cầu Github Copilot viết giúp 1 page Login bằng prompt: Help me to create a Login form nhé: Và đây là kết quả.

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

Kết luận

Như vậy là bạn đã hoàn tất việc cài đặt và sử dụng GitHub Copilot trong VS Code. Với công cụ mạnh mẽ này, bạn có thể tăng tốc 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.