- vừa được xem lúc

Extension ChatGPT | ChatGPT đã được tích hợp vào Visual Studio Code ra sao

0 0 13

Người đăng: Hữu Ngọc Tiên Sinh

Theo Viblo Asia

Hí anh em, lại là mình đây | Đầu năm chúc anh em năm mới phát tài phát lộc, lương trăm củ nhé. 😆😆🥰

Hôm trước mình đã có 1 bài viết về hướng dẫn tạo tài khoản ChatGPT (tham khảo tại đây) , hôm nay thì mình xin giới thiệu với các bạn 1 extension tích hợp ChatGPT để hỗ trợ coding được hiệu quả. Gét gô!!!!

1. Cài đặt Extension ChatGPT

Đầu tiên các bạn vào vscode và tìm extension có tên là "ChatGPT" để tiến hành cài đặt:

Mọi người lưu ý chọn đúng tên và nhà phát hành nhé (do có nhiều extension khác tương tự, tuy nhiên mình có thử dùng thì không ổn lắm).

Tiếp theo, chúng ta cần login account ChatGPT (Xem hướng dẫn đăng ký tại đây) để tiến hành sử dụng. Sẽ có 2 phương thức xác thực bao gồm:

  • Login trực tiếp bằng tài khoản gmail thông qua trình duyệt
  • Login bằng API Secret Key

Ở đây mình sẽ hướng dẫn các bạn cách login bằng API Key nhé:

  1. Các bạn truy cập trang chủ của OpenAI Api: https://openai.com/api/ sau đó đăng nhập tài khoản đang sử dụng ChatGPT
  2. Vào "Personal", chọn mục "View Api keys"

  1. Ở màn hình Account API Keys, chọn "Create new secret key", sau đó copy đoạn key được hiển thị

  1. Quay trở lại VSCode, vào Extension Setting của extension ChatGPT vừa cài đặt lúc nãy, kéo xuống tìm mục "OpenAI Organization ID" và paste đoạn key lúc nãy vào. Vậy là xong. Bạn có thể bắt đầu code thần sầu với chatGPT ngay bên cạnh rồi 🥰😍

2. Các tính năng nổi bật

  • Để sử dụng extension, các bạn thực hiện bôi đen 1 đoạn code, sau đó click chuột phải, sẽ có một số option để chọn như: Tìm bug, Giải thích code, Tối ưu code, ..vv.vvv Đây là những tính năng mình đặc biệt thích ở extension này.

Như ở ví dụ trên, mình code tào lao 1 đoạn như vậy, để xem thử con Bot được tích hợp này sẽ xử lý như thế nào nhé. Đầu tiên mình sẽ cho nó giải thích đoạn code, lúc này một cửa sổ trò chuyện nhỏ sẽ xuất hiện bên trái, ở đây chúng ta có thể tương tác với ChatGPT giống như phiên bản web:

Khá là tiện lợi phải không nào, bây giờ chúng ta thử cho nó tìm bug trong đoạn code và refactor lại nhé:

  • Tìm ra được bug nè:

  • Chỉ ra cách refactor lại code:

Khá là xịn kaka 😁

3. Tổng kết

  • Extension này còn có các tính năng hay ho khác nữa, nhưng trong khuôn khổ bài viết này mình không thể giới thiệu đầy đủ được, các bạn vào nghiên cứu tiếp nhé
  • Nội dung chatbot trong trình tích hợp này đã được filter lại theo chủ đề công nghệ, coding, nên nhiều câu hỏi về lĩnh vực ngoài lề khác nó sẽ không trả lời như phiên bản web

  • Có lẽ cũng chính vì được giới hạn chủ đề như vậy, nên tốc độ trả lời của nó mình nhận xét nhanh và mượt hơn nhiều phiên bản web hiện tại 😘
  • 1 Lần nữa mình nhấn mạnh là phiên bản ChatGPT hiện tại vẫn đang trong qúa trình hoàn thiện, nên thông tin mà nó trả lời không phải lúc nào cũng chính xác 100%, vì vậy anh em sử dụng nó thì nên chỉ để tham khảo thôi nhé, đừng tin tưởng quá

Tài liệu tham khảo

Bình luận

Bài viết tương tự

- vừa được xem lúc

Tổng hợp các VS Code Extension bá đạo bạn nên có

Giới thiệu. Hiện tại, mình mới làm quen với VS code. Qua 1 thời gian tìm hiểu, mình thấy VS code khá là mạnh, nhất là về khoản có thể cài thêm ứng dụng mở rộng (extension). Dracula Official Theme.

0 0 50

- vừa được xem lúc

Là lập trình viên, bạn đã từng nghe nói đến .editorconfig?

Hôm kia tình cờ lân la lên thư viện PaperCSS trên GitHub, mình phát hiện ra project của họ có sử dụng file .editorconfig. Tò mò vì chả biết đó là gì, mình bắt đầu tìm hiểu thử và thực sự bất ngờ về công dụng của nó. Và tìm hiểu .

0 0 29

- vừa được xem lúc

Swift Development with Visual Studio Code

Visual Studio Code (VSCode) là một trình soạn thảo văn bản và mã nguồn mở đa nền tảng của Microsoft. Đây là một trong những dự án nguồn mở thú vị nhất hiện nay, với các bản cập nhật thường xuyên từ hàng trăm cộng tác viên.

0 0 34

- vừa được xem lúc

JSON Server 04 - Gọi API trực tiếp trong VSCode với Rest Client extension ?

Quá xịn với extension của VSCode giúp mình có thể gọi và xem kết quả của rest api ngay trực tiếp trong VSCode hehe . . #json_server. #rest_api.

0 0 35

- vừa được xem lúc

JSON Server 12 - Hướng dẫn đẩy code lên github lần đầu ?

Cùng mình tạo repository mới trên github và đẩy code lên github lần đầu nhé . . #json_server. #github.

0 0 42

- vừa được xem lúc

Những Tính Năng Hay Trong Visual Studio Code (VSCode)

Giới thiệu. Visual Studio Code là một trong những công cụ soạn thảo văn bản lập trình tốt nhất.

0 0 35