Giới thiệu về Vibe Coding

Đôi khi, bạn chỉ muốn lập trình mà không cần suy nghĩ nhiều về việc thiết lập — không cần đấu tranh với các tệp cấu hình, không cần chuyển đổi giữa các tài liệu, không làm gián đoạn nhịp điệu của bạn. Đó chính là vibe coding — nơi các công cụ trở nên mờ nhạt và bạn có thể chỉ tập trung vào việc sáng tạo.

Gần đây, tôi đã thử nghiệm một sự kết hợp mạnh mẽ: Windsurf (một IDE mạnh mẽ với AI) + Google AI Studio (kỹ thuật prompt và AI sinh ra từ Gemini).

Đây thực sự là một sự thay đổi lớn.

Tại sao chọn Windsurf?

Windsurf là một IDE thế hệ mới từ đội ngũ Codeium — hình dung một môi trường lập trình quen thuộc như VS Code, nhưng được tích hợp AI bản địa và tốc độ nhanh chóng.

Những điểm nổi bật:

Không cần cấu hình phức tạp — hoạt động ngay lập tức
Hoàn thiện và tái cấu trúc thông minh nhờ AI Codeium
Tốc độ cực nhanh — không phải chờ đợi đề xuất
Hiểu biết nhiều tệp — AI có thể hiểu toàn bộ kho mã của bạn

Windsurf hoàn hảo khi bạn muốn lặp lại nhanh chóng và giữ được nhịp độ.

Tại sao chọn Google AI Studio?

Trong khi Windsurf hỗ trợ bạn trong mã, Google AI Studio giúp bạn trước khi lập trình.

Sử dụng nó để:

Tạo mẫu ý tưởng — tạo mã khởi đầu, suy nghĩ về giải pháp
Thiết kế các prompt tốt hơn cho trợ lý AI của bạn
Phân tích văn bản, nhật ký, hoặc dữ liệu
Truy cập các mô hình Gemini một cách dễ dàng

Hãy coi nó như một bảng phác thảo AI của bạn — nhận câu trả lời nhanh, tinh chỉnh chúng và đưa đầu ra trở lại trong phiên lập trình của bạn.

Quy trình làm việc — Vibe Coding trong hành động

1. Tạo ý tưởng & Phác thảo trong AI Studio

Trước khi chạm vào kho mã, tôi sẽ vào Google AI Studio:

Phác thảo cấu trúc gọi API
Tạo các kịch bản kiểm tra cho một tính năng
Suy nghĩ về các trường hợp biên cho các luồng người dùng

javascript Copy

// Tạo các kịch bản kiểm tra cho trang đăng nhập với email, mật khẩu, OTP và hỗ trợ SSO.

AI Studio cung cấp cho tôi một danh sách sạch sẽ, có cấu trúc mà tôi có thể đưa vào các bài kiểm tra Playwright/Cucumber.

2. Chuyển sang Windsurf để triển khai

Mở Windsurf, và để AI giúp tôi:

Tạo cấu trúc tệp và thư mục
Đề xuất các bộ chọn Playwright
Tái cấu trúc mã bất đồng bộ
Tự động hoàn thành các kịch bản kiểm tra lặp lại

javascript Copy

await expect(this.page.locator(loc.damLogo)).toBeVisible({ timeout: 30000 });

Cần gỡ lỗi? Chỉ cần hỏi AI bên trong Windsurf xem có gì sai — không để mất bối cảnh.

3. Lặp lại mà không làm mất nhịp

Giữ lại trong Windsurf để điều chỉnh logic, chạy thử nghiệm, và tái cấu trúc.
Nếu có điều gì cần khám phá sâu hơn (tối ưu hóa prompt, chuyển đổi văn bản), hãy quay lại AI Studio.
Sao chép/dán các prompt hoặc đầu ra đã tinh chỉnh trở lại mã của bạn hoặc tài liệu.

Những lợi ích nhanh từ thiết lập này

Tạo mẫu nhanh: Xây dựng một POC trong vài giờ, không phải vài ngày.
Kiểm tra tốt hơn: Các kịch bản được tạo bởi AI và hoàn thành kịch bản dễ dàng.
Mã sạch hơn: Các tái cấu trúc điều khiển bởi AI tôn trọng bối cảnh của bạn.
Giải quyết vấn đề sáng tạo: Sử dụng AI Studio để suy nghĩ về các luồng khó khăn trước khi bạn lập trình.

Tóm tắt

Sử dụng Google AI Studio như một không gian phác thảo và AI của bạn
Lập trình với Windsurf để có trải nghiệm IDE cực nhanh, được tăng cường bởi AI
Giữ nhịp — ít bị phân tâm hơn, lặp lại nhanh hơn, đầu ra sạch hơn

Hãy thử ngay:

Tải xuống Windsurf
Mở Google AI Studio

Tò mò — bộ công cụ vibe coding của bạn là gì? Hãy để lại thiết lập hoặc mẹo của bạn trong phần bình luận.

Vibe Coding với Windsurf & Google AI Studio: Quy trình sáng tạo mới