Chuyển đến nội dung chính

​
Bắt đầu nhanh

Hướng dẫn này sẽ giúp bạn bắt đầu với Coding Plan trong vài phút — từ đăng ký đến sử dụng các model AI hàng đầu như Claude Opus 4.5 và Gemini 3 Pro trong các công cụ coding.

​
Bắt đầu

1

Đăng ký hoặc Đăng nhập

Truy cập Nền tảng VibeCodeCheap, Đăng ký hoặc Đăng nhập.
2

Đăng ký Coding Plan

Sau khi đăng nhập, điều hướng đến Coding Plan để chọn gói đăng ký ưa thích.
3

Lấy API Key

Sau khi đăng ký, điều hướng đến dashboard tài khoản và click API Keys để tạo API Key mới.
Bảo vệ API Key bằng cách giữ bí mật và tránh hard-code trong code. Chúng tôi khuyến nghị lưu trữ trong biến môi trường hoặc file cấu hình.
4

Chọn Công cụ Coding

Coding Plan hỗ trợ nhiều công cụ coding phổ biến. Chọn theo sở thích:

Claude Code

Claude IDE Plugin

Amp

Roo Code

Kilo Code

Cline

OpenCode

Crush

Goose

Cursor

Công cụ Khác

5

Cấu hình Công cụ Coding

Sử dụng Claude Code làm ví dụ, cấu hình để sử dụng các model AI:
1. Cài đặt Claude CodeYêu cầu: Bạn cần cài đặt Node.js 18 hoặc phiên bản mới nhất
# Mở terminal và cài đặt Claude Code
npm install -g @anthropic-ai/claude-code

# Tạo thư mục làm việc (ví dụ, `your-project`) và điều hướng đến bằng `cd`
cd your-project

# Sau khi cài đặt, chạy `claude` để vào giao diện tương tác Claude Code
claude
2. Cấu hình Biến Môi trườngSau khi cài đặt Claude Code, thiết lập biến môi trường bằng một trong các phương pháp sau:
Khi thiết lập biến môi trường, terminal sẽ không trả về output. Điều này là bình thường, miễn là không có thông báo lỗi, cấu hình đã được áp dụng thành công.
Chỉnh sửa file cấu hình Claude Code ~/.claude/settings.jsonThêm hoặc sửa các trường env:
{
  "env": {
    "ANTHROPIC_AUTH_TOKEN": "your_api_key",
    "ANTHROPIC_BASE_URL": "https://api.vibecodecheap.com/v1/ai",
    "API_TIMEOUT_MS": "3000000"
  }
}
Lưu ý thay your_api_key bằng API Key bạn đã lấy ở bước trước.
6

Bắt đầu Coding

Sau khi cấu hình xong, bạn có thể bắt đầu coding với các model AI mạnh mẽ!
# Sử dụng Lệnh Ngôn ngữ Tự nhiên trong Claude Code
Vui lòng tạo một React component chứa form đăng nhập người dùng
Claude Opus 4.5 / Gemini 3 Pro sẽ tự động:
  • Phân tích yêu cầu và lập kế hoạch triển khai
  • Tạo code React component hoàn chỉnh
  • Bao gồm validation form và styling
  • Đảm bảo code chạy trực tiếp

​
Ví dụ Tính năng

Smart Code Completion

Tạo gợi ý completion theo thời gian thực dựa trên ngữ cảnh, giảm nhập liệu thủ công và tăng đáng kể hiệu quả phát triển.
// Gõ tên hàm, AI tự động hoàn thành implementation
function calculateTotal(items) {
  // Claude Opus 4.5 / Gemini 3 Pro tự động tạo implementation hàm hoàn chỉnh
}

Hỏi đáp về Codebase

Hỏi về codebase của team bất cứ lúc nào để duy trì hiểu biết tổng thể.
H: Xác thực người dùng được triển khai như thế nào trong dự án này?
Đ: AI phân tích codebase và cung cấp giải thích chi tiết về quy trình xác thực và các file liên quan.

Quản lý Task Tự động

Một click sửa lỗi lint, merge conflicts và tạo release notes.
# Tự động sửa lỗi code style
Sửa tất cả lỗi ESLint

# Tự động tạo tài liệu
Tạo tài liệu chi tiết cho API này