Chào các lập trình viên! Bạn muốn tăng tốc quy trình làm việc phát triển của mình với một thiết lập mã hóa AI miễn phí, cục bộ? Bạn đã đến đúng nơi! Hôm nay, chúng ta sẽ tìm hiểu cách tạo một môi trường mã hóa AI mạnh mẽ, mã nguồn mở bằng cách sử dụng GPT-OSS, Opencode và Vibe Kanban. Các công cụ này giúp bạn viết mã thông minh hơn, tự động hóa tác vụ và quản lý dự án—tất cả mà không tốn kém. Trong hướng dẫn này, chúng tôi sẽ hướng dẫn bạn cách thiết lập Opencode với mô hình GPT-OSS để xây dựng một trang web portfolio, sau đó sử dụng Vibe Kanban để quản lý và cải thiện nó. Cuối cùng, bạn sẽ có một trung tâm mã hóa cục bộ, được hỗ trợ bởi AI. Hãy cùng bắt đầu mã hóa với GPT-OSS, Opencode, Vibe Kanban!
Bạn muốn một nền tảng tích hợp, tất cả trong một để Đội ngũ Phát triển của bạn làm việc cùng nhau với năng suất tối đa?
Apidog đáp ứng mọi yêu cầu của bạn và thay thế Postman với mức giá phải chăng hơn nhiều!
GPT-OSS, Opencode và Vibe Kanban là gì?
Trước khi đi sâu vào, hãy cùng tìm hiểu các ngôi sao trong bộ ba mã hóa AI của chúng ta:
- GPT-OSS: Ra mắt bởi OpenAI vào ngày 5 tháng 8 năm 2025, GPT-OSS là một mô hình mã nguồn mở có sẵn hai kích thước: 20B (nhẹ) và 120B (nặng). Nó được thiết kế để lập luận và viết mã, chạy cục bộ qua Ollama để bảo mật và tiết kiệm chi phí. Hãy coi nó như trợ lý mã hóa AI cá nhân của bạn, miễn phí theo giấy phép Apache 2.0.
- Opencode: Một tác nhân mã hóa AI mã nguồn mở từ SST, Opencode chạy trong terminal của bạn, tận dụng các công cụ như
read,writevàeditđể tương tác với codebase của bạn. Nó không phụ thuộc vào nhà cung cấp, hỗ trợ GPT-OSS và tích hợp với các Giao thức Máy chủ Ngôn ngữ (LSP) để mã hóa thông minh hơn. Nó hoàn hảo cho việc phát triển cục bộ, tập trung vào quyền riêng tư. - Vibe Kanban: Một công cụ quản lý dự án hiện đại tích hợp các tác nhân AI như Opencode để tự động hóa các tác vụ mã hóa. Nó kết nối với GitHub, cho phép bạn quản lý dự án thông qua bảng Kanban (Cần làm, Đang tiến hành, Đang xem xét). Nó lý tưởng để hợp lý hóa quy trình làm việc và cộng tác với AI trong các thay đổi mã.
Cùng nhau, các công cụ này tạo ra một môi trường cục bộ, miễn phí, nơi GPT-OSS cung cấp năng lượng cho AI, Opencode xử lý các tác vụ mã hóa và Vibe Kanban tổ chức các dự án của bạn. Hãy cùng thiết lập!

Bước 1: Cài đặt Opencode
Đầu tiên, chúng ta cần cài đặt Opencode, xương sống của môi trường mã hóa AI của chúng ta. Việc này cực kỳ dễ dàng trên macOS/Linux, với tùy chọn thủ công cho Windows.
Dành cho macOS/Linux
Chạy một trong các lệnh sau trong terminal của bạn:
- Phương pháp YOLO (nhanh chóng và dễ dàng):
curl -fsSL https://opencode.ai/install | bash
- Trình quản lý gói:
npm i -g opencode-ai@latest # or bun/pnpm/yarn
brew install sst/tap/opencode # macOS and Linux
paru -S opencode-bin # Arch Linux
Dành cho Windows
- Truy cập github.com/sst/opencode/releases (ví dụ: v0.3.112 tính đến tháng 8 năm 2025).
- Tải xuống tệp nhị phân
opencode.exemới nhất. - Lưu nó vào một thư mục (ví dụ:
C:\opencode).
Kiểm tra cài đặt
Xác minh Opencode đang hoạt động:
- macOS/Linux: Chạy
opencodetrong terminal của bạn. - Windows: Chạy
<đường-dẫn-đến-opencode>/opencode.exe(ví dụ:C:\opencode\opencode.exe).
Bạn sẽ thấy giao diện người dùng terminal (TUI) của Opencode tải lên. Nếu không, hãy kiểm tra PATH hoặc vị trí tệp nhị phân của bạn.
Mẹo chuyên nghiệp: Đối với Windows, hãy thêm thư mục chứa tệp nhị phân vào PATH của bạn để dễ dàng truy cập hơn.

Bước 2: Thiết lập dự án Opencode của bạn
Hãy tạo một thư mục dự án mới để xây dựng một trang web portfolio bằng cách sử dụng Opencode và GPT-OSS. Chúng ta sẽ cấu hình nó với các cài đặt tùy chỉnh.
Tạo thư mục dự án:
mkdir opencode-vibekanban-project
cd opencode-vibekanban-project
Thêm AGENTS.md:
Tạo một tệp có tên AGENTS.md với nội dung:
# Tooling rules for Opencode
- Use Opencode tools only: read, write, edit, list, glob, grep, webfetch, bash, task, todowrite, todoread.
- Do NOT call non-existent tools like Repo_browser.*.
- Prefer `edit` for modifying existing files; use `read` to inspect before editing.
Điều này định nghĩa các quy tắc cho tác nhân AI của Opencode, đảm bảo nó sử dụng đúng công cụ.
Thêm opencode.json:
Tạo opencode.json để cấu hình GPT-OSS (mô hình 20B):
{
"$schema": "https://opencode.ai/config.json",
"provider": {
"ollama": {
"npm": "@ai-sdk/openai-compatible",
"name": "Ollama (local)",
"options": {
"baseURL": "http://localhost:11434/v1"
},
"models": {
"gpt-oss:20b": { "name": "gpt-oss 20B (local)" }
}
}
},
"model": "ollama/gpt-oss:20b",
"agent": {
"build": {
"description": "Default coding mode with only Opencode tools.",
"tools": {
"read": true,
"write": true,
"edit": true,
"bash": true,
"grep": true,
"glob": true,
"list": true,
"webfetch": true,
"patch": true,
"todoread": true,
"todowrite": true
},
"prompt": "{file:./AGENTS.md}"
}
},
"instructions": ["AGENTS.md"]
}
Muốn sử dụng **GPT-OSS 120B** mạnh mẽ hơn? Thay thế các phần provider và model bằng:
"provider": {
"ollama": {
"npm": "@ai-sdk/openai-compatible",
"name": "Ollama (local)",
"options": {
"baseURL": "http://localhost:11434/v1"
},
"models": {
"gpt-oss:120b": { "name": "gpt-oss 120B (local)" }
}
}
},
"model": "ollama/gpt-oss:120b"
Lưu ý: Lưu AGENTS.md và opencode.json trong opencode-vibekanban-project. Các tệp này cho Opencode biết sử dụng GPT-OSS và tuân thủ các quy tắc công cụ cụ thể.
Bước 3: Cài đặt và chạy GPT-OSS với Ollama
GPT-OSS chạy cục bộ thông qua Ollama, một công cụ nhẹ để quản lý các LLM. Bạn sẽ cần một máy tính khá tốt (RAM 16GB+ cho 20B, 64GB+ cho 120B).
- Cài đặt Ollama:
- Tải xuống và cài đặt từ ollama.ai cho macOS, Linux hoặc Windows (khuyên dùng WSL2).
2. Kéo mô hình GPT-OSS:
- Đối với 20B (nhẹ hơn, nhanh hơn):
ollama pull gpt-oss:20b
- Đối với 120B (mạnh hơn, chậm hơn):
ollama pull gpt-oss:120b

3. Chạy mô hình:
- Khởi động mô hình (chọn một):
ollama run gpt-oss:20b
hoặc
ollama run gpt-oss:120b
- Điều này khởi động máy chủ Ollama tại
http://localhost:11434, khớp vớibaseURLtrongopencode.json.
Mẹo chuyên nghiệp: Đảm bảo Ollama đang chạy trước khi khởi động Opencode, nếu không bạn sẽ gặp lỗi kết nối.
Bước 4: Chạy Opencode cho dự án của bạn
Bây giờ, hãy khởi động Opencode trong thư mục dự án của bạn:
- Điều hướng đến dự án:
cd opencode-vibekanban-project
2. Chạy Opencode:
- macOS/Linux:
opencode .
- Windows:
<đường-dẫn-đến-opencode>/opencode.exe .
- Dấu
.cho Opencode biết sử dụng thư mục hiện tại (opencode-vibekanban-project).
3. Xác minh thiết lập:
- TUI của Opencode sẽ tải lên, hiển thị thư mục dự án và mô hình GPT-OSS đã chọn (không cần cấu hình thủ công nhờ
opencode.json).

Bước 5: Tạo trang web Portfolio với Opencode
Hãy sử dụng Opencode và GPT-OSS để xây dựng một trang đích portfolio đơn giản cho một nhà phát triển tên John Doe, sử dụng React với Vite.
Nhập lời nhắc:
- Trong TUI của Opencode, nhập:
Create a simple portfolio landing page for a developer called John Doe in React with Vite.
- Nhấn Enter. Opencode sử dụng GPT-OSS để tạo dự án, tạo các tệp như
index.html,src/App.jsxvàvite.config.js.
Chạy trang web:
- Điều hướng đến thư mục dự án đã tạo (ví dụ:
john-doe-portfoliobên trongopencode-vibekanban-project). - Cài đặt các phụ thuộc và khởi động:
npm install
npm run dev
- Mở
http://localhost:5173để xem trang web.

Đẩy lên GitHub:
- Tạo một kho lưu trữ GitHub mới (ví dụ:
john-doe-portfolio). - Khởi tạo Git và đẩy lên:
git init
git add .
git commit -m "Initial portfolio website"
git remote add origin https://github.com/your-username/john-doe-portfolio.git
git push -u origin main
Mẹo chuyên nghiệp: Sử dụng công cụ webfetch của Opencode để lấy cảm hứng từ các trang web portfolio hiện có nếu cần.
Bước 6: Thiết lập Vibe Kanban để quản lý dự án
Bây giờ, hãy tích hợp Vibe Kanban để quản lý và cải thiện dự án portfolio với các tác nhân AI.
Cài đặt Vibe Kanban:
- Trong một terminal mới, chạy:
npx vibe-kanban
- Điều này sẽ cài đặt và khởi chạy giao diện web của Vibe Kanban (thường tại
http://localhost:3000).
Cấu hình Vibe Kanban:
- Trong giao diện, thiết lập:
- Tác nhân mã hóa: Chọn Opencode (nó sẽ phát hiện thiết lập cục bộ của bạn).
- IDE: Chọn IDE ưa thích của bạn (ví dụ: Cursor, VS Code hoặc Windsurf).
- Kết nối với GitHub:
- Xác thực bằng tài khoản GitHub của bạn để liên kết các kho lưu trữ.

Tạo dự án mới:
- Nhấp vào Tạo dự án mới.
- Chọn kho lưu trữ GitHub
john-doe-portfoliocủa bạn. - Đặt tên dự án (ví dụ: “John Doe Portfolio”) và tiếp tục.

Bước 7: Thêm tác vụ với Vibe Kanban
Hãy sử dụng Vibe Kanban để cải thiện portfolio bằng cách thêm một tính năng mới, như biểu mẫu liên hệ.
Tạo một tác vụ:
- Trong Vibe Kanban, nhấp vào Tác vụ mới.
- Thêm:
- Tiêu đề: “Cập nhật giao diện người dùng”
- Mô tả: “Thay thế màu đen trên trang web bằng màu vàng đậm.”
- Nhấp vào Tạo và Bắt đầu.

Chọn tác nhân:
- Chọn Opencode làm tác nhân (không phải Claude Code hoặc Gemini).
- Tác vụ chuyển sang Đang tiến hành khi Opencode sửa đổi codebase.

Xem xét và phê duyệt:
- Khi hoàn thành, tác vụ chuyển sang Đang xem xét.
- Xem các thay đổi trong trình xem diff của Vibe Kanban hoặc mở trong IDE của bạn (ví dụ: VS Code).
- Nếu hài lòng, nhấp vào Hoàn tất để commit và đẩy lên GitHub:
git add .
git commit -m "Added contact form"
git push
Mẹo chuyên nghiệp: Sử dụng Vibe Kanban để xếp hàng nhiều tác vụ (ví dụ: “Thêm chế độ tối,” “Tối ưu hóa hình ảnh”) và để Opencode xử lý chúng tuần tự.
Khắc phục sự cố thường gặp
- Opencode TUI bị lỗi? Đảm bảo Ollama đang chạy (
ollama ps) vàhttp://localhost:11434có thể truy cập được. Kiểm traopencode.jsonxem có lỗi chính tả không. - GPT-OSS chậm? Mô hình 120B cần nhiều RAM; chuyển sang 20B cho các máy nhẹ hơn.
- Vibe Kanban không kết nối? Xác minh xác thực GitHub và đảm bảo kho lưu trữ là công khai hoặc có thể truy cập được.
- Sự cố dữ liệu giả lập? Các công cụ
todoreadvàtodowritecủa Opencode có thể gỡ lỗi các sự cố tác vụ—kiểm tra nhật ký trong TUI. - Lỗi tệp nhị phân Windows? Tải xuống lại từ github.com/sst/opencode/releases nếu
opencode.exebị lỗi.
Tại sao ngăn xếp này lại tuyệt vời
Bộ ba GPT-OSS, Opencode, Vibe Kanban là ước mơ của mọi nhà phát triển:
- Miễn phí và cục bộ: Không tốn chi phí đám mây, chỉ cần máy của bạn và các công cụ mã nguồn mở.
- AI mạnh mẽ: GPT-OSS cạnh tranh với các mô hình trả phí như Claude, với các tùy chọn 20B/120B.
- Quy trình làm việc linh hoạt: Mã hóa dựa trên terminal của Opencode và bảng Kanban của Vibe Kanban giúp quản lý tác vụ dễ dàng.
- Cộng đồng định hướng: Đóng góp cho Opencode (1.2k fork, 19.2k sao) hoặc Vibe Kanban để định hình tương lai của chúng.
Người dùng yêu thích thiết lập này: “Opencode với GPT-OSS đã xây dựng trang web của tôi trong vài phút, và Vibe Kanban giữ nó được tổ chức!” Hãy thử và xem tại sao.
Kết luận
Bạn vừa xây dựng một môi trường mã hóa AI cục bộ, miễn phí với GPT-OSS, Opencode và Vibe Kanban! Từ việc tạo một trang web portfolio đến quản lý tác vụ với các tác nhân AI, bạn đã sẵn sàng mã hóa thông minh hơn. Hãy thử nghiệm các tính năng mới, đóng góp vào các kho lưu trữ và chia sẻ dự án của bạn trong phần bình luận. Hãy tiếp tục cuộc cách mạng mã hóa AI!
Bạn muốn một nền tảng tích hợp, tất cả trong một để Đội ngũ Phát triển của bạn làm việc cùng nhau với năng suất tối đa?
Apidog đáp ứng mọi yêu cầu của bạn và thay thế Postman với mức giá phải chăng hơn nhiều!
