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

GitHub Copilot là một trợ lý mã hóa AI được phát triển bởi GitHub hợp tác với OpenAI. Nó hoạt động như một lập trình viên cặp ảo của bạn(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í là các triển khai hàm toàn bộ dựa trên các bình luận 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, làm cho nó trở thành một 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

• 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

Bắt đầu sử dụng Github Copilot trên VSCode

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

• Inline Code Suggestions
• Github Copilot Chat
• Github Copilot Inline
• Github Copilot Edits

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.

Inline Code Suggestions

• Bắt đầu gõ, và Copilot sẽ gợi ý mã dựa trên ngữ cảnh.
• Chấp nhận gợi ý: Tab
• Bỏ qua gợi ý: Esc
• Chuyển qua các gợi ý: Alt + ] (Windows/Linux) / Option + ] (Mac)

Hoàn thành block code(Block Code Completion)

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

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

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

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 chat, yêu cầu giải thích, hỗ trợ tái refactoring và các best practices.

• Để 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 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.