Cursor AI: Hướng dẫn sử dụng từ A-Z cho người không biết code

Nếu bạn đã đọc bài Vibe Coding là gì, chắc hẳn bạn muốn thử ngay. Và công cụ tốt nhất để bắt đầu chính là Cursor AI.

Bài viết này sẽ hướng dẫn bạn từ A-Z: cài đặt, làm quen giao diện, và tạo dự án đầu tiên — dù bạn chưa bao giờ viết một dòng code nào.

Cursor AI là gì?

Cursor là một code editor (trình soạn thảo code) được tích hợp AI cực mạnh. Hãy tưởng tượng nó như Microsoft Word nhưng dành cho code — và có một trợ lý AI ngồi bên cạnh sẵn sàng viết code cho bạn bất cứ lúc nào.

Cursor được xây dựng trên nền VS Code — editor phổ biến nhất thế giới — nên nếu bạn đã dùng VS Code trước đó, giao diện sẽ rất quen thuộc. Còn nếu chưa dùng bao giờ cũng không sao — chúng ta sẽ đi từ đầu.

Tại sao chọn Cursor thay vì chat AI thông thường?

Khi dùng ChatGPT hay Claude để viết code, bạn phải copy code từ chat, paste vào file, rồi lại quay lại chat khi cần sửa. Rất bất tiện.

Cursor giải quyết vấn đề này vì:

• AI viết code trực tiếp vào file — không cần copy-paste
• AI hiểu toàn bộ dự án — không chỉ đoạn code bạn paste vào
• Sửa code trên nhiều file cùng lúc — AI tự biết cần thay đổi ở đâu
• Preview ngay lập tức — xem kết quả mà không cần rời editor
• Terminal tích hợp — chạy lệnh và cài đặt phần mềm ngay trong Cursor

Cài đặt Cursor (5 phút)

Bước 1: Tải Cursor

1. Vào cursor.com
2. Click nút Download — trang web tự nhận diện hệ điều hành của bạn
3. Chờ tải xong (khoảng 100-200 MB)

Bước 2: Cài đặt

Windows:

• Mở file .exe đã tải
• Nhấn Next > Next > Install
• Chờ cài đặt hoàn tất

Mac:

• Mở file .dmg đã tải
• Kéo Cursor vào thư mục Applications
• Lần đầu mở, nhấn “Open” nếu macOS hỏi xác nhận

Bước 3: Đăng nhập

Khi mở Cursor lần đầu:

1. Chọn Sign Up (đăng ký) hoặc Log In (đăng nhập)
2. Dùng email hoặc đăng nhập bằng Google/GitHub
3. Chọn gói Free để bắt đầu (nâng cấp sau cũng được)

Bước 4: Thiết lập ban đầu

Cursor sẽ hỏi một số câu hỏi thiết lập:

• Import VS Code settings? — Chọn “Skip” nếu bạn chưa dùng VS Code
• Theme — Chọn giao diện sáng (Light) hoặc tối (Dark) tùy thích
• AI Model — Để mặc định, Cursor sẽ dùng model tốt nhất có sẵn

Giao diện Cursor — Cần biết gì?

Đừng hoảng khi thấy giao diện phức tạp. Bạn chỉ cần quan tâm 4 khu vực:

1. Sidebar (thanh bên trái)

Hiển thị cấu trúc thư mục và file của dự án. Giống như File Explorer trên Windows.

2. Editor (vùng chính giữa)

Nơi bạn xem và sửa code. Mỗi file mở thành một tab ở trên.

3. Chat Panel (bên phải)

Đây là nơi bạn chat với AI. Mở bằng phím tắt Cmd+L (Mac) hoặc Ctrl+L (Windows).

4. Terminal (phía dưới)

Nơi bạn chạy các lệnh. Mở bằng Ctrl+` (dấu backtick). AI cũng có thể chạy lệnh ở đây cho bạn.

Các phím tắt quan trọng nhất

Bạn chỉ cần nhớ 4 phím tắt:

Thực hành: Tạo dự án đầu tiên

Hãy cùng tạo một website portfolio cá nhân đơn giản.

Bước 1: Tạo folder dự án

1. Tạo một folder mới trên máy tính, đặt tên my-portfolio
2. Trong Cursor, vào File > Open Folder và chọn folder vừa tạo

Bước 2: Chat với AI để tạo website

Nhấn Cmd+L (hoặc Ctrl+L) để mở chat. Gõ:

Tạo cho tôi một website portfolio cá nhân đơn giản gồm:
- File index.html: trang chủ với giới thiệu bản thân, kỹ năng,
  và form liên hệ
- File style.css: thiết kế đẹp, hiện đại, responsive
- File script.js: smooth scroll và form validation

Thông tin giả lập:
- Tên: Nguyễn Văn A
- Nghề: Freelance Designer
- Kỹ năng: Thiết kế đồ hoạ, Chỉnh sửa video, Vibe Coding

Phong cách: tối giản, nền tối (#1a1a2e),
điểm nhấn tím (#e94560), font Inter.

Bước 3: Xem và duyệt code

Cursor sẽ đề xuất tạo các file. Bạn sẽ thấy:

• Nút Accept (chấp nhận) hoặc Reject (từ chối) cho mỗi thay đổi
• Preview của code sẽ được tạo
• Click Accept All để AI tạo tất cả file

Bước 4: Xem kết quả

Có nhiều cách xem website:

Cách 1: Mở file trực tiếp

• Trong Sidebar, click chuột phải vào index.html
• Chọn Reveal in Finder (Mac) hoặc Reveal in Explorer (Windows)
• Double-click file để mở trong trình duyệt

Cách 2: Dùng Live Server

• Mở Terminal (Ctrl+`)
• Nếu có Node.js, gõ: npx serve
• Mở trình duyệt và vào localhost:3000

Bước 5: Yêu cầu chỉnh sửa

Quay lại chat và tiếp tục:

• “Thêm hiệu ứng fade-in khi scroll xuống”
• “Đổi font tiêu đề thành Playfair Display”
• “Thêm phần dự án với 3 card, mỗi card có ảnh và mô tả”
• “Thêm dark/light mode toggle”

Mỗi lần, Cursor sẽ tự động sửa đúng file, đúng chỗ. Bạn chỉ cần review và Accept.

Tính năng AI nâng cao trong Cursor

Cmd+K: Inline Edit

Chọn (highlight) một đoạn code bất kỳ, nhấn Cmd+K, và gõ yêu cầu:

• “Đổi màu này thành xanh lá”
• “Thêm animation cho phần tử này”
• “Responsive cho mobile”

AI sẽ sửa chính xác đoạn code bạn chọn mà không ảnh hưởng phần khác.

Composer: Thay đổi nhiều file

Nhấn Cmd+I để mở Composer — tính năng mạnh nhất của Cursor. Composer có thể:

• Tạo nhiều file mới cùng lúc
• Sửa code trên nhiều file đồng thời
• Hiểu mối quan hệ giữa các file
• Thực hiện refactor (tái cấu trúc) toàn bộ dự án

Ví dụ: “Thêm trang blog cho website. Tạo file blog.html, cập nhật navigation trong index.html, và thêm style mới vào style.css.”

Composer sẽ tự động sửa cả 3 file một cách nhất quán.

Tab Completion

Khi bạn gõ code (nếu muốn thử), Cursor sẽ tự động gợi ý dòng code tiếp theo. Nhấn Tab để chấp nhận gợi ý. Tính năng này học từ codebase của bạn nên càng dùng càng chính xác.

@ References

Trong chat, bạn có thể dùng @ để chỉ rõ context:

• @file:index.html — “Sửa file index.html”
• @folder:src — “Làm việc với folder src”
• @web — “Tìm kiếm thông tin trên internet”
• @docs — “Tra cứu tài liệu kỹ thuật”

Mẹo sử dụng Cursor hiệu quả

1. Bắt đầu từ file README

Trước khi viết code, hãy yêu cầu AI tạo file README.md mô tả dự án. Điều này giúp AI hiểu rõ toàn bộ dự án từ đầu.

2. Chia nhỏ yêu cầu

Thay vì yêu cầu AI tạo toàn bộ website trong một prompt, hãy chia nhỏ:

1. Tạo cấu trúc HTML trước
2. Thêm CSS styling
3. Thêm JavaScript interactions
4. Tối ưu responsive

Mỗi bước, kiểm tra kết quả trước khi tiếp tục.

3. Dùng .cursorrules

Tạo file .cursorrules trong thư mục gốc dự án để thiết lập quy tắc cho AI:

- Luôn viết comment bằng tiếng Việt
- Dùng CSS modern (flexbox, grid)
- Responsive mobile-first
- Tối ưu performance

AI sẽ tuân theo quy tắc này trong mọi cuộc trò chuyện.

4. Đọc diff trước khi Accept

Cursor hiển thị diff (sự khác biệt) trước khi áp dụng thay đổi. Hãy đọc qua — dù không hiểu hết code, bạn vẫn có thể nhận ra nếu AI xóa nhầm hoặc thêm sai.

Gói giá Cursor

Gợi ý: Bắt đầu với Free. Khi nào thấy hết giới hạn thường xuyên thì nâng lên Pro. $20/tháng cho một “lập trình viên AI” làm việc 24/7 là cực kỳ đáng giá.

Cursor vs các công cụ khác

Xử lý lỗi thường gặp

AI không hiểu yêu cầu

Mô tả cụ thể hơn. Thay vì “Làm đẹp hơn”, hãy nói “Thêm shadow cho card, bo tròn góc 12px, thêm hover effect làm card nổi lên”.

Code chạy bị lỗi

Copy thông báo lỗi (error message) từ trình duyệt hoặc terminal, paste vào chat Cursor và nói: “Tôi gặp lỗi này, hãy sửa giúp.” AI sẽ đọc lỗi và sửa tự động.

Website không hiển thị đúng trên điện thoại

Chat với AI: “Website không responsive trên mobile. Kiểm tra và sửa tất cả các phần cho viewport nhỏ hơn 768px.”

Bước tiếp theo

Sau khi quen với Cursor, bạn nên:

1. Tạo website thực tế đầu tiên — xem hướng dẫn Tạo website bằng AI trong 30 phút
2. Tìm hiểu sâu hơn về Vibe Coding — khái niệm, giới hạn, và cơ hội
3. Thử dự án phức tạp hơn — web app, dashboard, chatbot
4. Tham gia Zalo group Bình Dân AI — hỏi đáp, chia sẻ dự án, học từ cộng đồng

Cursor + AI đã thay đổi hoàn toàn cách mọi người tiếp cận lập trình. Bạn không cần 4 năm đại học IT để tạo ra phần mềm hữu ích. Bạn chỉ cần ý tưởng, sự kiên nhẫn, và biết cách giao tiếp với AI.

Bắt đầu ngay hôm nay.