Hôm nay mình sẽ hướng dẫn anh em cách dùng GitHub Copilot trong IDE, bắt đầu từ việc hỏi về một file đang mở. Đọc xong, anh em sẽ biết mở chat để hỏi về file đang có, nhận phần code gợi ý và xem các thay đổi trước khi chấp nhận chúng trong IDE.
IDE là phần mềm anh em dùng để mở, viết và sửa code. Mình soạn hướng dẫn này từ tài liệu chính thức của GitHub, và mình chưa tự chạy thử những thao tác bên dưới, nên các bước đều bám vào những gì tài liệu ghi. Tài liệu nói anh em sẽ mất khoảng mười phút để làm theo hướng dẫn này.
Bước 1: Anh em học cách dùng GitHub Copilot để hiểu file
Trước khi bắt tay vào, mình nhắc anh em chuẩn bị tài khoản và extension, tức phần cài thêm vào IDE để dùng Copilot ngay trong chỗ đang viết code. Anh em cần đăng nhập trước. Tài liệu yêu cầu gói Copilot đang hoạt động, extension đã cài trong IDE mình đang dùng và tài khoản GitHub đã đăng nhập ngay trong IDE đó.
Phần cài extension thì GitHub có trang hướng dẫn riêng được dẫn ở phần điều kiện của tài liệu, anh em chọn đúng IDE mình đang dùng.
Anh em mở một file code có sẵn trong IDE, rồi mới mở chat. Vì Copilot nhìn thấy file anh em đang mở, anh em có thể hỏi thẳng về nội dung của file đó mà không cần mô tả lại trước.
Nếu dùng Visual Studio Code trên Windows hoặc Linux, anh em bấm Ctrl + Alt + I để mở Copilot Chat. Nếu dùng macOS, anh em bấm Control + Command + I để mở Copilot Chat theo tổ hợp phím tài liệu ghi.
Nếu dùng IDE khác (như Visual Studio, JetBrains, Eclipse, XCode), anh em tìm Copilot Chat trên thanh menu hoặc thanh bên. Tổ hợp phím ở trên chỉ áp dụng cho Visual Studio Code.
Anh em nhập what does this file do rồi bấm Enter. Copilot sẽ trả lời ngay bên dưới câu hỏi, giải thích file đang làm gì. Anh em đọc câu trả lời bên dưới câu hỏi vừa gửi.
Tiếp theo, anh em chọn một dòng code trong file đang mở rồi gõ explain this line vào chat, Copilot sẽ giải thích dòng đó. Bước này hỏi về đúng một dòng, không hỏi cả file nữa.
Bước 2: Anh em nhận gợi ý ngay trong file
Anh em tạo một file mới có đuôi .js để nhập code. Ví dụ trong tài liệu dùng JavaScript, nhưng anh em dùng ngôn ngữ nào quen thì cứ thử bằng ngôn ngữ đó.
Anh em thử ví dụ này để thấy Copilot tự viết nốt phần thân hàm từ dòng mở đầu. Anh em gõ đúng dòng này vào file vừa tạo, để Copilot có phần đầu của hàm làm cơ sở gợi ý phần code tiếp theo:
function calculateDaysBetweenDates(begin, end) {Dòng anh em vừa gõ là phần đầu của một hàm trong code. Hàm là đoạn code dùng để làm một công việc cụ thể. Sau khi anh em nhập dòng mở đầu, Copilot sẽ gợi ý phần bên trong hàm bằng chữ màu xám, nhưng nội dung cụ thể có thể khác nhau.
Anh em bấm Tab khi muốn nhận phần code vừa được gợi ý. Chữ xám chỉ là gợi ý, chưa phải code của anh em. Anh em bấm Tab thì phần đó mới trở thành code trong file đang mở.
Nếu chưa hiểu đoạn code vừa nhận, anh em chọn dòng cần đọc rồi hỏi tiếp trong chat như bước trước. Anh em vẫn dùng câu hỏi ngắn explain this line cho phần đã chọn.
Khi thấy ổn, anh em save rồi commit để ghi lại phần code vừa sửa. Commit là thao tác ghi lại một lần thay đổi trong lịch sử của project, để anh em biết phần code nào đã được lưu ở lần đó.
Bước 3: Anh em giao việc rồi duyệt thay đổi
Khi muốn giao việc cho Copilot thay vì chỉ hỏi về code, anh em dùng agent mode: mở khung chat rồi chọn Agent. Theo tài liệu, ở agent mode anh em mô tả việc cần làm, Copilot tự quyết định file nào cần đổi, sửa file và chạy lệnh khi anh em cho phép.
Anh em kiểm tra IDE có hỗ trợ trước khi chuyển sang giao việc. Tài liệu nói phần lớn IDE có agent mode, và anh em có thể mở bảng tính năng để đối chiếu với IDE đang dùng trước khi tìm nút chọn.
Anh em chọn Agent trong chat, rồi gõ yêu cầu sau theo ví dụ mà tài liệu đưa ra:
Create a task manager web app with the ability to add, delete, and mark tasks as completedCâu này nhờ Copilot tạo ứng dụng quản lý việc, cho thêm, xóa và đánh dấu việc đã xong.
Anh em bấm Enter để gửi yêu cầu, sau đó Copilot sẽ tạo các file cùng phần code cần thiết cho công việc anh em vừa mô tả. Anh em đọc kỹ các file và code Copilot vừa tạo, rồi mới bấm nút chấp nhận trong IDE. Tên nút mỗi IDE một khác nên anh em tìm nút có nghĩa là chấp nhận thay đổi.
Mình khuyên anh em đọc kỹ phần Copilot vừa sửa rồi mới chấp nhận. Chưa xem thì đừng bấm nhận. Tài liệu ghi agent chạy lệnh khi anh em cho phép.
Vì vậy mình khuyên anh em xem kỹ lệnh nó xin chạy trước khi đồng ý.
Anh em lưu thay đổi rồi commit khi đã thấy mọi thứ ổn. Với phần agent sửa, anh em làm theo thứ tự: xem thay đổi, bấm nút chấp nhận trong IDE, rồi lưu và commit.
Lỗi hay gặp
Tài liệu có dẫn sang trang xử lý lỗi chung của Copilot nếu anh em gặp vấn đề khi đăng nhập. Nếu vướng ở đây, anh em mở trang xử lý lỗi để đối chiếu trường hợp của mình.
Nếu Copilot không chạy được, anh em kiểm tra lại các điều kiện ở đầu bài: gói Copilot, extension và tài khoản GitHub đã đăng nhập trong IDE. Đây là cách mình tự suy ra từ phần điều kiện, tài liệu không nói đó là cách sửa chung cho mọi lỗi.
Nếu Copilot gợi ý đoạn code anh em chưa hiểu, anh em chọn một dòng cần hỏi rồi gõ explain this line vào chat trước khi quyết định có nhận hay không.
