Biến VSCode thành "Siêu Trợ Thủ AI" với Plugin Continue và Claude 3.5 (Không Cần VPN!)
Lê Lân
0
Hướng Dẫn Cài Đặt và Sử Dụng Plugin Continue trong Visual Studio Code với Mô Hình Claude 3.5
Mở Đầu
Bạn đang tìm kiếm một cách tối ưu để tăng hiệu suất phát triển phần mềm bằng trí tuệ nhân tạo ngay trong môi trường Visual Studio Code? Plugin Continue cùng với mô hình AI Claude 3.5 sẽ giúp bạn làm được điều đó một cách dễ dàng và hiệu quả, thậm chí không cần VPN để truy cập các mô hình AI lớn.
Tutorial này sẽ từng bước hướng dẫn bạn cách cài đặt plugin Continue, cấu hình mô hình AI Claude 3.5 và sử dụng trong quá trình phát triển AI, từ đó giúp cải thiện quy trình làm việc và tăng tốc độ viết code. Bạn sẽ biết cách lấy API key, tùy chỉnh cài đặt, cũng như sử dụng hệ thống autocomplete và các tính năng tối ưu mã nguồn của plugin.
Các Considerations Chính
Điều Quan Trọng Cần Biết
Bạn chỉ cần chỉnh sửa file cấu hìnhconfig.json của plugin Continue để thay đổi mô hình AI, bao gồm cả OpenAI GPT hoặc Claude.
Để truy cập mô hình Claude 3.5, bạn cần một API Key. Có thể đăng ký và lấy API trên nền tảng CURSOR API.
Ví dụ về cấu hình:
API Key:sk-1Qpxob9KYXq6b6oCypgyxjFwuiA817KfPAHo8XET7HjWQqU
Base URL:https://api.cursorai.art/v1/
Một số mô hình phổ biến:
claude-3-5-sonnet-20241022
claude-3-5-sonnet-20240620
gpt-4o, gpt-4o-mini
Công Cụ Cần Thiết và Yêu Cầu
Visual Studio Code phiên bản mới nhất: Tải về VSCode
Kết nối mạng ổn định (không cần VPN)
API Key của mô hình Claude 3.5 từ CURSOR API
Kiến thức lập trình cơ bản, ưu tiên JavaScript hoặc Python
Hướng Dẫn Chi Tiết Từng Bước
Cài Đặt Plugin Continue
Mở VSCode.
Vào Extensions Marketplace bằng cách nhấn Ctrl + Shift + X.
Tìm kiếm từ khóa "Continue".
Nhấn Install để cài đặt plugin.
Cấu Hình Mô Hình Claude 3.5
Trong VSCode, nhấn Ctrl + Shift + P để mở Command Palette.
Gõ "Continue: Open configuration file" và chọn mở file cấu hình.
Thêm đoạn cấu hình dưới mục "models":
{
"apiKey":"your-api-key",
"apiBase":"https://api.cursorai.art/v1",
"model":"cursor-3-5-sonnet-20241022",
"title":"Claude-3-5-sonnet-20241022",
"systemMessage":"You are an expert software developer. You give helpful and concise responses.",
"provider":"openai"
}
Lưu ý: Mỗi phần cấu hình mô hình nên được ngăn cách bằng dấu phẩy, nhưng không được thêm dấu phẩy sau phần cấu hình cuối cùng.
Tùy Chỉnh Cài Đặt Plugin
Bạn có thể bật tính năng tìm kiếm Google cho tài liệu thông qua phần cài đặt Continue plugin.
Điều chỉnh các tùy chọn theo nhu cầu phát triển cá nhân.
Sử Dụng Continue Trong Phát Triển AI
Trong trình soạn thảo code, chọn mô hình vừa cấu hình.
Gõ dấu @ để gọi Continue đọc file hoặc thực hiện các gợi ý tối ưu code.
Plugin sẽ dùng mô hình Claude 3.5 để đề xuất tối ưu và hỗ trợ viết mã.
Cấu Hình Mô Hình Tự Động Điền (Autocomplete) (Tùy Chọn)
Nếu bạn muốn dùng autocomplete, trong file cấu hình, chỉnh sửa phần "tabAutocompleteModel" như sau:
"tabAutocompleteModel":{
"apiKey":"your-api-key",
"apiBase":"https://api.cursorai.art/v1",
"model":"gpt-4o-mini",
"title":"gpt-4o-mini",
"provider":"openai"
}
Ví Dụ và Demo Thực Tế
Ví Dụ Tối Ưu Mã Nguồn
Mã gốc thu thập dữ liệu đơn giản
import requests
from bs4 import BeautifulSoup
import csv
from time import sleep
defcrawl_website(url, output_file):
headers = {
'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)...'
print(f"Waiting for {delay:.2f} seconds before continuing...")
sleep(delay)
withopen(output_file, 'w', newline='', encoding='utf-8-sig') as f:
writer = csv.writer(f)
writer.writerow(['Rank', 'Movie Title', 'Year', 'Director', 'Rating', 'Number of Votes'])
writer.writerows(movies_data)
print(f"Scraping completed! A total of {len(movies_data)} movies scraped.")
print(f"Data saved to {output_file}")
except requests.RequestException as e:
print(f"Network request error: {e}")
except Exception as e:
print(f"Program execution error: {e}")
if __name__ == "__main__":
output_file = "douban_top250.csv"
crawl_douban_top250(output_file)
Mẹo và Lưu Ý Khi Sử Dụng
Giữ an toàn cho API Key của bạn, không chia sẻ công khai trong kho mã nguồn.
Khi sử dụng tính năng tối ưu code từ plugin, luôn kiểm tra kỹ gợi ý có phù hợp với dự án không trước khi áp dụng.
Nếu plugin không hoạt động, hãy kiểm tra lại API Key, kết nối mạng và đọc log trong VSCode.
Câu Hỏi Thường Gặp (FAQs)
Q1: Làm thế nào để lấy API Key cho Claude 3.5?
A1: Truy cập CURSOR API, đăng ký tài khoản và tạo token trên trang token.
Q2: Nếu plugin Continue không hoạt động thì sao?
A2: Hãy kiểm tra cấu hình API Key, mạng internet và bảng output/log lỗi trong VSCode để xác định nguyên nhân.
Q3: Làm sao để tùy chỉnh template prompt?
A3: Trong trang cài đặt Continue, tìm tùy chọn “Workspace prompts path” và nhập đường dẫn file chứa prompt tùy chỉnh.
Q4: Claude 3.5 có hỗ trợ viết code tự động một cú click không?
A4: Hiện tại Claude không có mô hình auto-complete chính thức, bạn có thể chuyển sang model gpt-4o để sử dụng tính năng này.
Kết Luận
Qua bài hướng dẫn này, bạn đã biết cách cài đặt plugin Continue trên VSCode, cấu hình API Key và mô hình Claude 3.5 cũng như sử dụng các tính năng như đọc file, đề xuất tối ưu code trong quá trình phát triển AI một cách hiệu quả. Việc sử dụng các công cụ này không những giúp tăng tốc độ phát triển mà còn nâng cao chất lượng sản phẩm phần mềm của bạn.
Hãy thử khám phá thêm các tính năng nâng cao của Continue hoặc tích hợp thêm các mô hình AI khác để đáp ứng nhu cầu phức tạp hơn trong dự án của bạn.