Trang chủ / Bài 4
Cơ bản ⏱ 25 phút
4

Làm việc với File và Code

Đọc, chỉnh sửa, tạo file và debug code hiệu quả với Claude Code

🎯 Mục tiêu bài học

  • Yêu cầu Claude Code đọc và phân tích code
  • Chỉnh sửa nhiều file cùng lúc
  • Debug lỗi phức tạp với sự hỗ trợ của AI

Đọc và Phân tích Code

Claude Code có thể đọc bất kỳ file nào trong dự án. Hãy nói chuyện tự nhiên:

> Đọc file src/auth/jwt.service.ts và giải thích cách nó hoạt động
> Tìm tất cả các nơi gọi hàm getUserById trong project
> File nào lớn nhất trong thư mục src?
> Kiểm tra xem có circular imports không

Chỉnh sửa Code

Claude Code sẽ đọc file trước, rồi mới chỉnh sửa — đảm bảo không mất code:

> Thêm validation cho tất cả các input trong file user.controller.ts
> Đổi tên hàm calcPrice thành calculateTotalPrice trong toàn bộ project
> Chuyển đổi tất cả var sang const/let trong thư mục src/utils
> Thêm TypeScript types còn thiếu vào file api.js

Tạo File mới

> Tạo file tests/user.service.test.ts với unit tests cho UserService
> Tạo Dockerfile cho dự án Node.js này
> Tạo file .env.example với tất cả các biến môi trường cần thiết
> Thêm file README.md với hướng dẫn cài đặt và chạy project

Debug lỗi

Khi gặp lỗi, copy toàn bộ stack trace và hỏi Claude Code:

> Tôi đang gặp lỗi này khi chạy npm test:
TypeError: Cannot read property 'id' of undefined
    at UserService.findById (src/user/user.service.ts:45:20)

Hãy tìm nguyên nhân và sửa giúp tôi

Chạy lệnh và xem kết quả

Claude Code có thể chạy lệnh và phân tích kết quả:

> Chạy npm test và nếu có lỗi thì sửa ngay
> Chạy npm run build và báo cáo các TypeScript errors
> Chạy linter và tự động sửa các lỗi auto-fixable

⚠️ Lưu ý quan trọng

Claude Code sẽ hỏi xác nhận trước khi chạy các lệnh có thể ảnh hưởng hệ thống (như rm, git push). Luôn đọc kỹ trước khi đồng ý.

Workflow debug hiệu quả

  1. Paste lỗi vào Claude Code
  2. Yêu cầu Claude Code đọc file liên quan
  3. Để Claude Code chạy lệnh reproduce lỗi
  4. Review fix được đề xuất trước khi áp dụng
  5. Yêu cầu viết test để prevent regression

💡 Mẹo nâng cao

Dùng /compact khi context window đầy. Claude Code sẽ tóm tắt lịch sử chat mà vẫn giữ nguyên ngữ cảnh làm việc.