GoonXây dựng một VS Code Extension với tích hợp DeepSeek R1
Trong bài viết này, chúng ta sẽ khám phá cách xây dựng một VS Code extension từ đầu, tích hợp DeepSeek R1, một mô hình suy luận mã nguồn mở chi phí thấp, vào trình soạn thảo của chúng ta để tạo ra một trợ lý AI tùy chỉnh.
Giới thiệu về DeepSeek R1
DeepSeek R1 là một mô hình AI mạnh mẽ đã trở nên phổ biến nhờ hiệu suất ấn tượng và bản chất mã nguồn mở của nó. Tuy nhiên, việc sử dụng giao diện người dùng web đi kèm với một cảnh báo: các lời nhắc, thao tác gõ phím và dữ liệu của bạn được gửi đến Trung Quốc. Để tránh điều này, chúng ta có thể chạy mô hình cục bộ, loại bỏ sự cần thiết của kết nối internet.
Running DeepSeek R1 locally allows for absolute freedom
Tạo một Project và Xây dựng Extension
Để bắt đầu xây dựng extension của chúng ta, chúng ta cần tạo một project bằng cách sử dụng VS Code starter template chính thức. Chạy lệnh npx sẽ hướng dẫn chúng ta qua một loạt các câu hỏi, nơi chúng ta có thể tuân theo các tùy chọn mặc định.
Sau khi project được tạo, chúng ta có thể tìm thấy file extension.ts, file này nhập đối tượng VS Code toàn cục. Đối tượng này cung cấp quyền truy cập vào toàn bộ VS Code API, cho phép chúng ta tùy chỉnh trình soạn thảo.
Tùy chỉnh Extension
Chúng ta có thể bắt đầu tùy chỉnh extension của mình bằng cách đăng ký một lệnh. Trong ví dụ này, chúng ta sẽ tạo một lệnh có tên là "hom" hiển thị thông báo lỗi khi được thực thi.
Registering a command is straightforward
Kiểm tra và Gỡ lỗi Extension
Để kiểm tra và gỡ lỗi extension của chúng ta, chúng ta có thể sử dụng trình gỡ lỗi. Khi chúng ta chạy trình gỡ lỗi, một cửa sổ VS Code mới sẽ mở ra với extension của chúng ta đã được cài đặt. Sau đó, chúng ta có thể mở bảng lệnh và chạy lệnh của mình để xem thông báo lỗi.
Testing the extension is an essential step
Tích hợp DeepSeek R1 vào Extension
Để tích hợp DeepSeek R1 vào extension của chúng ta, chúng ta sẽ sử dụng một công cụ có tên là Ollama. Ollama cho phép chúng ta tải xuống và chạy các mô hình AI mã nguồn mở, bao gồm DeepSeek R1.
Ollama makes it easy to run DeepSeek R1 locally
Tạo một Panel cho Hộp thoại Trò chuyện
Chúng ta sẽ tạo một panel để chứa hộp thoại trò chuyện, điều này sẽ cho phép chúng ta tương tác với DeepSeek R1 trực tiếp trong trình soạn thảo.
Creating a panel for the chat dialogue
Xác định HTML cho Hộp thoại Trò chuyện
Chúng ta sẽ xác định HTML cho hộp thoại trò chuyện, bao gồm một khu vực văn bản và một nút. Mã JavaScript bên trong HTML sẽ xử lý tương tác với DeepSeek R1.
Defining the HTML for the chat dialogue
Lắng nghe Tin nhắn và Truyền Phát Phản hồi
Chúng ta sẽ lắng nghe tin nhắn từ người dùng và truyền phát phản hồi từ DeepSeek R1. Điều này sẽ cho phép chúng ta hiển thị phản hồi trong thời gian thực, từng câu một.
Listening for messages and streaming the response
Kết luận
Trong bài viết này, chúng ta đã học cách xây dựng một VS Code extension từ đầu, tích hợp DeepSeek R1 vào trình soạn thảo của chúng ta để tạo ra một trợ lý AI tùy chỉnh. Chúng ta đã đề cập đến quy trình tạo project, tùy chỉnh extension, kiểm tra và gỡ lỗi, tích hợp DeepSeek R1, tạo một panel cho hộp thoại trò chuyện, xác định HTML và lắng nghe tin nhắn và truyền phát phản hồi.
Với kiến thức này, giờ đây bạn có thể tự xây dựng IDE hỗ trợ AI tùy chỉnh của riêng mình từ đầu. Nếu bạn muốn đi sâu hơn và thực sự giỏi lập trình trong khi hỗ trợ công việc của tôi, hãy cân nhắc nâng cấp lên tư cách thành viên chuyên nghiệp tại Fireship.io. Bạn sẽ có quyền truy cập vào tất cả các loại khóa học dựa trên project khác nhau và quan trọng nhất, bạn sẽ xây dựng một nền tảng để hiểu những gì các vị thần AI Trung Quốc thực sự đang làm khi họ viết mã cho bạn. Cảm ơn bạn đã đọc và tôi sẽ gặp lại bạn trong lần tới!