Hướng dẫn thực hànhHướng dẫn

Hướng dẫn cách dùng GitHub Copilot hiệu quả trong IDE

Hôm nay mình sẽ hướng dẫn anh em cách dùng GitHub Copilot hiệu quả theo tài liệu hướng dẫn nhanh của GitHub để tăng tốc độ viết code hằng ngày. Sau khi đọc xong bài này, anh em sẽ nắm được cách mở khung Copilot Chat tra cứu file, giao việc cho agent tự sửa code và bấm nhận hàm viết sẵn.

Tài liệu của GitHub ước tính toàn bộ các bước chỉ mất khoảng mười phút. Chỗ nào theo tài liệu thì mình sẽ nói rõ với anh em.

Bước 1: Chuẩn bị môi trường cho cách dùng GitHub Copilot hiệu quả

Trước khi bắt đầu, anh em cần có gói Copilot đang active và cài sẵn extension vào IDE, tức phần mềm anh em vẫn dùng để viết code như Visual Studio Code. Cài extension xong, anh em đăng nhập tài khoản GitHub ngay trong IDE là dùng được.

GitHub Copilot hiện hỗ trợ nhiều phần mềm quen thuộc gồm Visual Studio Code, Visual Studio, JetBrains, Eclipse và XCode, giúp anh em làm việc ngay trong môi trường sẵn có. Nếu không đăng nhập được, anh em có thể mở phần hướng dẫn xử lý sự cố của GitHub để tra cách khắc phục lỗi tài khoản.

Bước 2: Mở Copilot Chat để hỏi đáp về file code

Anh em mở một file có sẵn trong trình soạn thảo để bắt đầu đặt câu hỏi với Copilot. Cách mở khung Copilot Chat tuỳ thuộc vào từng IDE anh em sử dụng. Ở các IDE khác, anh em tìm khung Copilot Chat trong thanh menu hoặc thanh bên.

Minh họa kính lúp đồng rọi ánh sáng ấm vào khối đá khắc hoa văn mạch điện.

Nếu đang dùng Visual Studio Code trên máy tính macOS, anh em hãy bấm tổ hợp phím tắt Control cùng Command và chữ I. Người dùng hệ điều hành Windows hoặc Linux thì bấm tổ hợp phím Ctrl cùng Alt và chữ I để mở khung Copilot Chat. Khi khung Copilot Chat đã hiện ra trên màn hình, anh em chỉ việc gõ what does this file do rồi nhấn Enter để xem phần giải thích tóm tắt toàn bộ file.

Nếu muốn đào sâu vào đoạn mã khó hiểu, anh em chỉ việc chọn đúng dòng code đó rồi gõ explain this line vào khung Copilot Chat để nhận lời giải thích. Copilot nhìn được file anh em đang mở, nên anh em không cần tự chép lại từng đoạn dán vào khung Copilot Chat.

Bước 3: Giao việc tự động cho chế độ agent

Ngoài tính năng hỏi đáp thông thường, Copilot còn hỗ trợ chế độ agent mạnh mẽ, cho phép công cụ tự đảm nhận những tác vụ lập trình phức tạp hơn cho anh em. Tài liệu ghi phần lớn IDE hỗ trợ chế độ agent, anh em hãy kiểm tra bảng tính năng Copilot của GitHub để biết IDE của mình có dùng được hay không. Ở chế độ này, anh em chỉ cần mô tả việc mình muốn làm, Copilot sẽ tự quyết định cần sửa file nào và chạy lệnh khi được anh em cho phép.

Minh họa bàn cờ đá cẩm thạch với các quân cờ tự di chuyển trên những ô vuông tinh xảo.

Trong khung Copilot Chat, anh em bấm chọn mục Agent rồi gõ mô tả nhiệm vụ cần thực hiện vào khung văn bản. Chế độ agent giúp Copilot tự sửa code, anh em chỉ việc duyệt lại. Ví dụ tài liệu đưa ra là yêu cầu tạo một ứng dụng web quản lý công việc với đầy đủ khả năng thêm mới, xoá bỏ và đánh dấu nhiệm vụ đã hoàn thành.

Sau khi nhấn Enter, Copilot sẽ tự động tạo các file mới và viết phần code cần thiết cho toàn bộ tính năng. Anh em đừng vội đồng ý. Agent có thể chạy lệnh khi anh em cho phép, nên mình khuyên anh em xem lại thật kỹ từng thay đổi Copilot đề xuất rồi mới bấm nút chấp nhận của IDE.

Khi thấy mọi thứ ổn thoả, anh em chỉ cần lưu file rồi commit.

Bước 4: Nhận gợi ý viết code tự động bằng phím Tab

Copilot sẽ tự động đưa ra các gợi ý viết code phù hợp ngay trong lúc anh em đang gõ phím giúp tiết kiệm đáng kể thời gian tra cứu cú pháp hàm. Nó hỗ trợ nhiều ngôn ngữ lập trình khác nhau, và tài liệu chọn ví dụ bằng JavaScript để minh họa trực quan.

Anh em tạo một file JavaScript có đuôi chấm js để thử nghiệm tính năng này. Cụ thể, anh em gõ đúng dòng khai báo hàm như bên dưới rồi dừng lại quan sát màn hình.

function calculateDaysBetweenDates(begin, end) {

Gõ xong dòng khai báo hàm, Copilot sẽ gợi ý cả phần thân hàm bằng chữ xám mờ. Anh em đừng gõ tiếp. Để chấp nhận đoạn gợi ý đó, anh em chỉ cần nhấn Tab là toàn bộ nội dung sẽ được điền vào file.

Đoạn gợi ý trên máy anh em có thể hơi khác so với tài liệu.

Lỗi hay gặp và các bước tiếp theo

Tài liệu chỉ nhắc một chỗ hay vướng là khâu đăng nhập tài khoản GitHub ngay trong IDE. Nếu gặp trục trặc khi đăng nhập, anh em có thể thử đăng xuất tài khoản rồi thao tác lại từ đầu. Đây là mẹo của mình, tài liệu chính thức không hướng dẫn chi tiết cách này.

Bước tiếp theo là thiết lập hướng dẫn riêng cho từng repo, giúp Copilot hiểu đúng quy ước lập trình của dự án. Ngoài ra, tài liệu còn gợi ý anh em nên dùng thử GitHub Copilot app để trải nghiệm thêm nhiều tiện ích.

Mình thấy việc sử dụng Copilot ngay trong IDE quen thuộc sẽ giúp anh em giải phóng sức lao động, không còn phải tốn công gõ lại những đoạn code lặp đi lặp lại nữa. Mình khuyên anh em hiểu rõ file trước rồi mới giao việc cho agent.

Nguồn tham khảo

  1. quickstart-for-using-github-copilot-in-your-ide · docs.github.com · Tài liệu kỹ thuật · đọc ngày

Bài này thế nào?

Chia sẻ

XFacebook

Ảnh đại diện của chủ trang quanbi.dev

Về mình

Quân Bi · Người viết

Xem thêm →

Bình luận (0)

Chưa có bình luận nào. Bạn mở hàng nhé.

Viết bình luận