Bắt đầu với Cursor

Hướng dẫn cài đặt và làm quen Cursor - trình soạn thảo code kết hợp AI giúp viết code, debug và chỉnh sửa website chỉ bằng ngôn ngữ tự nhiên

Định nghĩa

Cursor là trình soạn thảo code dựa trên VS Code nhưng tích hợp sâu các mô hình AI (Claude, GPT-4, v.v.), cho phép bạn viết, sửa và hiểu code chỉ bằng cách chat bằng tiếng Việt hoặc tiếng Anh thay vì gõ từng dòng lệnh thủ công.

Giải thích chi tiết

Cursor khác gì VS Code thông thường?

Nếu VS Code là chiếc xe đua được trang bị động cơ thường, thì Cursor là cùng chiếc xe đó nhưng có thêm bộ não AI chạy song song. Điểm khác biệt không chỉ là "gợi ý code" đơn thuần — Cursor hiểu toàn bộ project của bạn, có thể viết cả chức năng mới từ đầu đến cuối, và giải thích code legacy bằng ngôn ngữ tự nhiên.

Ba superpower chính:

AI Chat: Chat bên cạnh code editor, hỏi về bất kỳ file nào trong project
Composer: Chế độ viết code đa file — yêu cầu một tính năng, Cursor tạo ra nhiều file liên quan cùng lúc
Smart Tab: Autocomplete không chỉ dựa trên dòng trước đó mà còn hiểu context toàn bộ file và thư mục

Cài đặt và thiết lập ban đầu

Bước 1: Tải Cursor từ cursor.com — có bản cho macOS, Windows và Linux. Cài đặt giống hệt VS Code nên nếu bạn đã dùng VS Code, mọi phím tắt (Ctrl+P, Ctrl+Shift+F, v.v.) đều giữ nguyên.

Bước 2: Mở ứng dụng, chọn Import VS Code Settings nếu bạn muốn giữ lại theme, extension và keybinding cũ. Cursor tương thích 99% extension của VS Code.

Bước 3: Đăng nhập và chọn AI model. Với người mới, chọn Claude 3.5 Sonnet — đây là model miễn phí và thông minh nhất cho hầu hết task lập trình. Nếu cần xử lý logic phức tạp, bạn có thể nâng cấp lên GPT-4.

Bước 4: Mở một folder project bằng cách kéo thả thư mục vào cửa sổ Cursor hoặc dùng File > Open Folder. Cursor sẽ index toàn bộ code để AI hiểu context.

Ba cách dùng Cursor hiệu quả

Chế độ Chat (Ctrl+L): Dùng khi bạn cần hỏi "đoạn code này làm gì?", "sửa lỗi này như thế nào?", hoặc "refactor hàm này cho gọn hơn". Chat có thể thấy file hiện tại hoặc toàn bộ codebase (bạn tick chọn @Codebase).

Chế độ Composer (Ctrl+I): Dùng khi cần viết tính năng mới. Ví dụ: "Tạo trang login với React và validation form". Composer sẽ tạo ra các file .jsx, .css, logic validation, và cả file test — tất cả trong một lượt tương tác. Bạn có thể accept hoặc reject từng thay đổi trước khi áp dụng.

Chế độ Tab (Phím Tab): Khi đang gõ code, Cursor dự đoán phần còn lại của dòng hoặc cả block code tiếp theo. Khác với autocomplete thông thường, nó dựa trên pattern từ toàn bộ project, không chỉ file hiện tại.

Ví dụ thực tế

Non-coder chỉnh sửa website cá nhân

Bạn có file HTML của website portfolio nhưng muốn thêm hiệu ứng hover cho nút "Liên hệ". Không biết CSS, bạn mở folder trong Cursor, bôi đen đoạn HTML của nút, nhấn Ctrl+L và chat:

"Làm cho nút này khi hover có màu xanh dương và chuyển động nhẹ trong 0.3 giây"

Cursor sẽ tự động tìm file CSS tương ứng (hoặc thêm style inline nếu chưa có CSS riêng), viết đoạn code transition và hover effect, rồi hiển thị preview thay đổi. Bạn chỉ cần nhấn Accept để áp dụng.

Developer viết tính năng đăng nhập đầy đủ

Bạn cần xây dựng hệ thống authentication cho ứng dụng React. Mở Composer (Ctrl+I) và mô tả:

"Tạo hệ thống đăng nhập bằng React bao gồm: form đăng nhập với email/password, validation (email đúng định dạng, password tối thiểu 8 ký tự), xử lý lỗi hiển thị thông báo, và lưu token vào localStorage"

Cursor sẽ tạo ra:

LoginForm.jsx với validation logic
authService.js để gọi API
AuthContext.jsx để quản lý state toàn ứng dụng
CSS module cho styling cơ bản

Bạn có thể yêu cầu sửa lại: "Thêm tính năng 'Quên mật khẩu'" và Composer sẽ bổ sung thêm component mới mà không phá vỡ code cũ.

Debug lỗi API khó hiểu

Bạn gặp lỗi 500 Internal Server Error khi gọi API, console hiển thị stack trace dài và khó đọc. Copy toàn bộ lỗi vào Chat, thêm context:

"Dự án Node.js dùng Express. Lỗi này xảy ra khi gọi POST /api/users. Giải thích lỗi và sửa giúp tôi"

Cursor phân tích stack trace, chỉ ra đúng file userController.js dòng 42 đang thiếu await khi query database, đề xuất thêm async/await, và giải thích tại sao thiếu await gây ra lỗi 500 thay vì lỗi logic thông thường.

Ứng dụng

Dành cho người không biết code (Non-developers)

Cursor phá vỡ rào cản kỹ thuật cho marketer, designer, hoặc founder muốn tự chỉnh sửa website:

Chỉnh sửa HTML/CSS của landing page có sẵn mà không cần thuê developer
Viết script Python đơn giản để xử lý file Excel, đổi tên hàng loạt file ảnh
Custom CSS cho Shopify, Webflow, hoặc WordPress theme
Tạo script tự động gửi email cá nhân hóa hàng loạt

Dành cho sinh viên IT và Developer junior

Cursor đóng vai trò mentor lập trình 24/7:

Đọc codebase cũ (legacy code) nhanh hơn bằng cách yêu cầu AI giải thích từng hàm
Viết boilerplate code (cấu trúc thư mục, config file) chỉ trong vài phút
Học best practices qua việc xem AI viết code và giải thích tại sao chọn cách này
Tự tin thử nghiệm ngôn ngữ mới (Python, Rust, Go) nhờ có AI sửa lỗi syntax real-time

Dành cho Developer senior và Tech Lead

Tăng velocity của team:

Prototype nhanh ý tưởng phức tạp để demo stakeholder trước khi viết code production
Refactor codebase lớn với Composer — ví dụ: "Chuyển toàn bộ project từ JavaScript sang TypeScript" trong một buổi sáng
Viết unit test và integration test tự động cho code cũ thiếu test coverage
Review code nhanh hơn bằng cách nhờ AI giải thích logic phức tạp trong pull request

Dành cho doanh nghiệp nhỏ và Startup

Giảm thiểu thời gian và chi phí phát triển:

Rút ngắn thời gian MVP từ tuần xuống còn vài ngày nhờ AI viết phần lớn boilerplate code
Một founder solo có thể xây dựng full-stack application (frontend + backend + database) mà không cần team 3-4 người
Giảm chi phí thuê freelancer cho các task đơn giản như chỉnh sửa website, viết script automation

So sánh

Tiêu chí	Cursor	VS Code + GitHub Copilot
Tích hợp AI	Native, sâu vào từng tính năng	Extension-based, gắn thêm
Viết feature đa file (Composer)	Có, tạo nhiều file cùng lúc	Không, chỉ gợi ý trong file hiện tại
Hiểu context codebase	Toàn bộ project, có thể hỏi liên file	Chủ yếu file đang mở và ít file liên quan
Chat bằng tiếng Việt	Hỗ trợ tốt, hiểu context tiếng Việt	Hạn chế hơn
Giá sử dụng	Miễn phí 2000 lượt/tab, Pro `$20`/tháng	Copilot Individual `$10`/tháng
Migration từ VS Code	Import setting 1 click, tương thích extension	Không cần migration (chính là VS Code)

Kết luận: Nếu bạn cần AI viết cả một chức năng mới từ đầu đến cuối (end-to-end generation) hoặc làm việc với codebase lớn cần hiểu liên kết nhiều file, Cursor vượt trội hơn hẳn. Copilot phù hợp hơn nếu bạn chỉ cần gợi ý từng dòng code ngắn và muốn giữ nguyên môi trường VS Code quen thuộc không thay đổi.