/ / 10 cách bạn có thể sử dụng ChatGPT với mã VS

10 cách bạn có thể sử dụng ChatGPT với mã VS

Bạn có thể làm chủ các nhiệm vụ của mình và tăng năng suất khi học cách tận dụng các công cụ AI được đưa ra khỏi phòng thí nghiệm nghiên cứu hàng ngày. VS Code có tiện ích mở rộng ChatGPT để mang đến cho bạn môi trường mã hóa hỗ trợ OpenAI.


Bạn có thể tận dụng mô hình mã hóa rộng lớn của ChatGPT để hoàn thành các dự án của mình hiệu quả hơn và nhanh hơn—ngay bên trong IDE. Dưới đây là những cách hữu ích mà bạn có thể sử dụng ChatGPT với Mã VS.


Cách cài đặt và sử dụng Tiện ích mở rộng ChatGPT trong Mã VS

Khi bạn tìm kiếm “ChatGPT” hoặc “Code GPT” trong thị trường tiện ích mở rộng VS Code, nhiều tiện ích mở rộng có liên quan sẽ xuất hiện. Không giống như GitHub Copilot, chúng không chính thức trực tiếp từ OpenAI.

Tuy nhiên, hầu hết các tiện ích mở rộng ChatGPT của VS Code được lấy mẫu đều hoạt động theo cùng một cách. Nhưng chúng tôi sẽ sử dụng tiện ích mở rộng ChatGPT của EasyCode cho bài viết này, vì nó khá phù hợp để chứng minh các trường hợp sử dụng ChatGPT trong Mã VS. Nó hỗ trợ GPT-4 và GPT-3.5, có bậc miễn phí và không yêu cầu khóa API.

Để cài đặt tiện ích mở rộng ChatGPT trong Mã VS:

  1. Mở Mã VS và nhấp vào biểu tượng cài đặt ở dưới cùng bên trái của thanh bên trái.
  2. Đi đến Tiện ích mở rộng.
    Tùy chọn tiện ích mở rộng Mã VS

  3. Ngoài ra, nhấn Ctrl + Shift + X (Lệnh + Shift + X cho Mac) để mở trực tiếp thị trường của tiện ích mở rộng.
  4. Nhập “ChatGPT – EasyCode” vào thanh tìm kiếm ở trên cùng bên trái.
  5. Nhấp vào tiện ích mở rộng khi nhìn thấy.
  6. Cuối cùng, nhấp vào Cài đặt.
    Thị trường mở rộng ChatGPT

  7. Bạn sẽ thấy biểu tượng tiện ích mở rộng ở thanh bên trái sau khi cài đặt.
  8. Nhấp vào biểu tượng tiện ích mở rộng. Nhấp chuột Thử mà không cần tài khoản. Nhưng cảm thấy tự do Đăng nhập nếu bạn có một tài khoản hoặc Đăng ký cho một tài khoản mới với nhà cung cấp tiện ích mở rộng.
    Tiện ích mở rộng ChatGPT trong thanh bên Mã VS

Cách sử dụng Tiện ích mở rộng ChatGPT

  1. Để sử dụng lời nhắc tích hợp sẵn, hãy đánh dấu mã mục tiêu và nhấp chuột phải vào mã đó. Chọn bất kỳ lời nhắc nào có sẵn.
    Tùy chọn Mã ChatGPT VS

  2. Để viết lời nhắc tùy chỉnh, nhấp chuột phải vào mã được đánh dấu và chọn Hỏi GPT. Nhập lời nhắc của bạn vào hộp trò chuyện ở trên cùng và nhấn Đi vào.
    Lời nhắc gỡ lỗi

Cách sử dụng tiện ích mở rộng ChatGPT với cơ sở mã của bạn

Nếu bạn đã mở Mã VS vào thư mục cơ sở mã của mình và muốn ChatGPT truy cập các mô-đun cơ bản:

Ví dụ sử dụng tiện ích mở rộng

  1. Nhấp vào biểu tượng tiện ích mở rộng trên thanh bên trái. Sau đó kiểm tra Hỏi cơ sở mã hộp.
  2. Sao chép mã mục tiêu và dán vào hộp trò chuyện.
  3. Nhập lời nhắc của bạn bên dưới mã (nhấn Ca + Nhập) trong hộp trò chuyện.
  4. Nhấn Đi vào hoặc nhấp vào biểu tượng gửi.

Bây giờ, hãy xem các cách khác nhau để sử dụng ChatGPT trong Mã VS.

1. Tái cấu trúc và sửa đổi mã

ChatGPT đã được chứng minh là hữu ích để sửa đổi mã thủ tục, chức năng và hướng đối tượng.

Ví dụ: khi sử dụng tiện ích mở rộng này, chúng tôi đã yêu cầu ChatGPT cấu trúc lại mã bị lỗi bên dưới, một hàm Python để tạo từ điển tùy ý và thêm “Mua” vào mỗi giá trị.

 def makeDict(n: str, **kwargs)->dict:
    some : dict
    for key, value in kwargs.items():
        some = n+" "+value
    return some

newDict = makeDict("Buy", item1="GPT Book", item2="Java Tutorial", item3="Hiking Guide")

Nó đã tạo ra khá tốt mã chính xác mang lại đầu ra như mong đợi, với lý do chi tiết cho việc sửa đổi:

Ví dụ chỉnh sửa mã được tái cấu trúc

Hơn nữa, bạn có thể sử dụng Yêu cầu theo dõi để yêu cầu ChtGPT chuyển đổi mã thành một lớp và chỉ ra cách khởi tạo nó:

Hộp theo dõi được tái cấu trúc thành một lớp

Mã được tạo ở trên có nhiều mô-đun hơn và có thể tái sử dụng.

2. Gỡ lỗi mã của bạn

Nếu mã của bạn gặp lỗi hoặc không hoạt động như bình thường, việc yêu cầu ChatGPT gỡ lỗi trực tiếp bên trong Mã VS sẽ giúp tiết kiệm thời gian.

Mặc dù không có lời nhắc tích hợp sẵn để gỡ lỗi, nhưng bạn có thể sử dụng Hỏi GPT tùy chọn để tạo lời nhắc tùy chỉnh để gỡ lỗi mã của bạn.

Chúng tôi đã yêu cầu tiện ích mở rộng ChatGPT gỡ lỗi mã mà chúng tôi đã sử dụng trước đó. Nó không chỉ gỡ lỗi. Nó đã giải thích nó và tạo ra cái đúng, bao gồm cả đầu ra dự kiến ​​của nó.

đầu ra mã gỡ lỗi

3. Viết mã của bạn bằng ngôn ngữ khác

Bạn có thể muốn viết một chương trình bằng một ngôn ngữ cụ thể bên cạnh ngôn ngữ cốt lõi của mình. Bạn có thể viết mã bằng ngôn ngữ chính của mình và yêu cầu ChatGPT viết lại mã bằng ngôn ngữ lập trình đã chọn.

Tuy nhiên, mã được tạo có thể yêu cầu ít đầu vào của con người, vì ChatGPT có thể không cung cấp mã được chuyển đổi hoạt động đầy đủ trong một số trường hợp.

Chẳng hạn, chúng tôi đã chuyển đổi mã Python sau thành mã C tương đương bằng tiện ích mở rộng VS Code ChatGPT:

Mã để chuyển đổi sang ví dụ C

Bạn có thể đạt được điều này bằng cách nhấp chuột phải vào mã được đánh dấu và chọn Hỏi GPT lựa chọn.

Đây là lời nhắc của chúng tôi trong Mã VS:

Lời nhắc chuyển đổi mã VS Code chatGPT

Mặc dù nó đã tạo ra mã C tương đương hai lần trước khi hiểu đúng, nhưng mã cuối cùng vẫn hoạt động.

Đã tạo mã C

4. Tạo Thành phần giao diện người dùng cho API của bạn

Nếu bạn đã viết một API với các điểm cuối khác nhau, thì bạn có thể yêu cầu tiện ích mở rộng ChatGPT cung cấp một thành phần giao diện người dùng để sử dụng nó bằng một khung cụ thể. Đây có thể là React, Vue hoặc Angular.

Ví dụ: chúng tôi đã sử dụng tiện ích mở rộng để tạo thành phần React để tạo lịch họp dựa trên điểm cuối API được tạo bằng FastAPI của Python:

Lời nhắc thành phần tiện ích mở rộng ChatGPT

Như đã làm ở trên, bạn có thể muốn kiểm tra Hỏi cơ sở mã hộp nếu bạn đang xử lý một cơ sở mã lớn.

Sau khi tham khảo cơ sở mã của chúng tôi, tiện ích mở rộng VS Code ChatGPT đã cung cấp một thành phần React tiện dụng để sử dụng điểm cuối được cung cấp:

thành phần phản ứng được tạo ra

5. Giải thích các khối mã

Giả sử bạn đã lấy một đoạn mã từ Stack Overflow hoặc kho lưu trữ GitHub. Bạn có thể yêu cầu tiện ích mở rộng ChatGPT trong VS Code giải thích cách thức hoạt động của tiện ích này để hiểu rõ hơn. Điều này giúp bạn dễ dàng gỡ lỗi mã như vậy nếu lỗi phát sinh do thay đổi mã trong tương lai.

Trong trường hợp sử dụng ví dụ này, chúng tôi đã yêu cầu tiện ích mở rộng ChatGPT giải thích đoạn mã sau; một lớp Python để xác minh địa chỉ email của người dùng.

Mã để giải thích ví dụ

Nó tạo ra phản hồi sau:

Mã giải thích đầu ra ví dụ

6. Tạo các mẫu HTML cho ứng dụng của bạn

Khi sử dụng tiện ích mở rộng ChatGPT trong Mã VS, bạn có thể tạo mẫu HTML (như các trường nhập) từ đầu—bằng cách sử dụng trực tiếp hộp trò chuyện tiện ích mở rộng. Chẳng hạn, bạn có thể yêu cầu nó tạo một mẫu HTML để đăng ký người dùng.

Ví dụ về mẫu đăng ký người dùng

Nhưng nếu bạn đang viết một ứng dụng hiển thị trực tiếp dữ liệu thành HTML (không phải SPA) và muốn có một mẫu dành riêng cho dự án thì sao? Bạn có thể sử dụng tiện ích mở rộng ChatGPT trong Mã VS để tạo các mẫu HTML hiển thị dữ liệu phụ trợ cho người dùng.

Chẳng hạn, nếu bạn đang sử dụng khung dựa trên kiến ​​trúc MVT như Django, bạn có thể sử dụng tiện ích mở rộng để giả mạo các mẫu HTML cho chế độ xem Django của mình.

Ví dụ về mẫu HMTL đã tạo

Một lần nữa, đối với loại trường hợp sử dụng này, bạn có thể muốn nhấp vào Hỏi cơ sở mã hộp kiểm để ChatGPT truy cập cơ sở mã của bạn.

7. Kiểm tra đơn vị mã của bạn

Cũng cần thiết như thử nghiệm đơn vị, nó có thể là một người tiêu dùng thời gian. Bạn có thể tận dụng tiện ích mở rộng VS Code ChatGPT để tạo các bài kiểm tra đơn vị cho mã của mình và tiết kiệm thời gian phát triển quý báu.

Mặc dù tiện ích mở rộng ChatGPT có lời nhắc tích hợp để tạo các bài kiểm tra đơn vị, nhưng bạn có thể muốn viết lời nhắc tùy chỉnh bằng cách sử dụng Hỏi cơ sở mã tùy chọn cho tính đặc hiệu và kết quả tốt hơn.

Chúng tôi đã yêu cầu ChatGPT viết bài kiểm tra đơn vị cho điểm cuối đăng ký được tạo bằng FastAPI của Python:

Dấu nhắc kiểm tra đơn vị

Nó đã lấy mẫu cơ sở mã một cách hiệu quả để tạo bài kiểm tra đơn vị cần thiết:

Các bài kiểm tra đơn vị được tạo

8. Tìm lỗ hổng bảo mật tiềm ẩn

Mặc dù có thể không cung cấp phân tích bảo mật chi tiết nhưng tiện ích mở rộng VS Code ChatGPT có thể là một công cụ hữu ích để nhanh chóng kiểm tra các lỗ hổng bảo mật trong cơ sở mã ứng dụng của bạn và giúp bạn tiết kiệm thời gian quét thủ công.

Lời nhắc về lỗ hổng bảo mật Mã VS

Để cho phép ChatGPT quét cơ sở mã của bạn, hãy sử dụng Hỏi cơ sở mã tùy chọn (nhấp vào biểu tượng tiện ích mở rộng và kiểm tra Hỏi cơ sở mã hộp).

Nếu bạn thường đánh bạc theo cách của mình xung quanh một số tính năng Mã VS cũ hoặc mới, vui lòng hỏi đường của bạn về IDE từ tiện ích mở rộng ChatGPT.

Chẳng hạn, bạn có thể yêu cầu tiện ích mở rộng đề xuất các tiện ích mở rộng tốt nhất để gỡ lỗi một ngôn ngữ lập trình cụ thể.

Lời nhắc cụ thể của Mã VS

Hoặc bạn có thể hỏi nó một câu hỏi kỹ thuật hơn, chẳng hạn như cách mở Mã VS từ dòng lệnh.

Dấu nhắc kỹ thuật cụ thể của Mã VS

10. Viết tài liệu trực tiếp từ VS Code

Bạn có thể viết tài liệu chi tiết cho một đoạn mã trực tiếp từ Mã VS một cách dễ dàng bằng cách sử dụng tiện ích mở rộng ChatGPT.

Ví dụ: đây là tài liệu chi tiết về chức năng tạo liên kết Thu phóng (ở định dạng HTML) mà chúng tôi đã tạo bằng tiện ích mở rộng VS Code ChatGPT:

Ví dụ về tài liệu đã tạo

Viết mã hiệu quả với ChatGPT trong VS Code

Là một lập trình viên trong thời đại internet phát triển nhanh chóng, bạn muốn đạt được một sản phẩm khả thi tối thiểu trong thời gian tối thiểu nhất. Mặc dù ChatGPT không hoàn toàn đáng tin cậy nhưng nó có thể hỗ trợ quá trình phát triển của bạn nếu được sử dụng một cách sáng tạo. Và còn nhiều trường hợp sử dụng ChatGPT nữa trong lập trình. Tuy nhiên, với tất cả những gì đã nói, hãy đảm bảo bạn xác thực kết quả của ChatGPT vì đôi khi chúng có thể gây hiểu nhầm.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *