Claude Code những skill cho dân lập trình website

Bạn là developer web, đang dùng VS Code, muốn có một trợ lý AI đủ thông minh để viết API, tối ưu SQL, deploy Docker, mà không cần rời editor. Claude Code chính là thứ bạn đang tìm. Nhưng cài ở local hay thuê VPS chạy từ xa? Cần skill gì để xài hiệu quả? Bài này mình chia sẻ kinh nghiệm thực tế từ mấy tháng vọc Claude Code trên VPS cho công việc web hằng ngày.

Claude Code là gì?

Claude Code là công cụ dòng lệnh (CLI) của Anthropic, tích hợp trực tiếp Claude AI vào terminal và VS Code. Không phải chat web mở tab riêng, Claude Code hoạt động như một agent trong project của bạn: nó đọc code, sửa file, chạy lệnh, commit Git, mọi thứ diễn ra ngay trong môi trường làm việc thật.

Cách cài đặt Claude Code

Yêu cầu trước khi bắt đầu

• Node.js 18+ (khuyến nghị 20 LTS)
• npm hoặc yarn
• Môi trường terminal (VS Code tích hợp sẵn)
• VPS hoặc máy local có kết nối internet
• Tài khoản Anthropic (API key)

Cài đặt npm global

npm install -g @anthropic-ai/claude-code

Sau khi cài, kiểm tra bằng lệnh:

claude --version

Output mong đợi: số version (vd 0.6.x). Nếu báo lỗi command not find, kiểm tra lại npm global path đã có trong $PATH chưa.

Cấu hình API key

export ANTHROPIC_API_KEY="sk-ant-..."

Để dùng lâu dài, thêm vào ~/.bashrc hoặc ~/.zshrc:

echo 'export ANTHROPIC_API_KEY="sk-ant-..."' >> ~/.bashrc
source ~/.bashrc

Claude Code skills cần biết cho lập trình website

1. Viết code theo context project

Claude Code tự động đọc toàn bộ file trong thư mục dự án. Bạn không cần copy-paste code vào prompt. Ví dụ: muốn thêm middleware auth vào Express app, chỉ cần gõ /add-auth hoặc yêu cầu bằng tiếng Việt: "Thêm middleware JWT vào Express, lưu token vào cookie httpOnly". Nó sẽ scan routes hiện có, hiểu cấu trúc và sửa đúng file.

2. Tạo macro và tự động hóa tác vụ lặp

Một trong những skill mạnh nhất là tạo macro cho các thao tác lặp. Ví dụ: bạn cần refactor 20 component React để thêm error boundary. Chỉ cần viết prompt mô tả pattern, Claude Code sẽ xử lý cả loạt file cùng lúc.

# Ví dụ: thêm PropTypes cho tất cả component trong thư mục src/
"Thêm PropTypes validation cho mọi component React trong src/components/, dùng import riêng PropTypes từ 'prop-types'"

3. Chạy lệnh shell không cần rời editor

Claude Code có thể chạy lệnh trực tiếp trên máy bạn (local hoặc VPS):

• Chạy test: "Chạy npm test với Jest, báo lỗi nếu có"
• Kiểm tra ESLint: "Fix all lint errors trong thư mục src/"
• Deploy: "Build project, scp lên VPS, restart PM2"

4. Tối ưu hiệu năng code

Skill này hữu ích cho dân web muốn tối ưu database query hoặc render. Ví dụ với API Node.js chậm:

"Phân tích controller users, tìm bottleneck trong các query SQL. 
Gợi ý thêm index hoặc dùng Redis cache cho đoạn nào?"

Claude Code sẽ đọc model, controller và đưa ra gợi ý có thể apply ngay.

5. Quản lý Git thông minh

Claude Code tích hợp Git message tự động. Sau khi code xong, bạn chỉ cần:

claude commit

Nó tự động tạo commit message dựa trên diff. Hoặc yêu cầu viết PR description từ code thay đổi.

6. Xử lý lỗi và debug

Copy-paste stack trace vào Claude Code, nó sẽ đọc code của project bạn và tìm nguyên nhân. Không cần mở ChatGPT tab rời rạc. Ví dụ: "Lỗi 500 khi POST /api/register. Log ở middleware error handler. Tìm nguyên nhân và sửa".

Nên chạy Claude Code trên VPS hay local?

Kết luận ngắn: local cho dev cá nhân nhỏ lẻ. VPS cho team muốn chạy agent ổn định, tích hợp CI/CD và không lo máy tắt.

Cài đặt Claude Code remote trên VPS

Để chạy Claude Code từ xa trên VPS, bạn cần kết nối VS Code qua SSH Remote:

# Trên VPS (Ubuntu 24.04)
ssh user@your-vps-ip
sudo apt update && sudo apt install nodejs npm -y
npm install -g @anthropic-ai/claude-code
export ANTHROPIC_API_KEY="sk-ant-..."

Trên VS Code local, cài extension "Remote - SSH" và kết nối tới VPS. Mở project trên VPS, mở terminal của VS Code (đang chạy trên VPS), gõ claude để bắt đầu.

Lưu ý: trên VPS đang chạy production, hãy dùng user non-root, cấu hình SSH key và mở firewall chỉ cho IP của bạn. Có thể dùng VPS Linux với Ubuntu 24.04 để cài, hoặc nếu cần Windows thì VPS Windows cũng chạy được Node.js.

Tối ưu chi phí token khi dùng Claude Code

Mỗi lần Claude Code đọc project, nó scan toàn bộ file để lấy context. Dự án lớn có thể tốn token nhanh. Mẹo:

• Thêm file .claudeignore để loại bỏ node_modules, .git, build artifacts
• Dùng lệnh /compact để rút gọn context đã dùng
• Thiết lập task giới hạn số bước: --max-steps 20
• Chỉ dùng claude trong thư mục con thay vì toàn bộ monorepo

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

1. Lỗi "ANTHROPIC_API_KEY not set"

Kiểm tra biến môi trường:

echo $ANTHROPIC_API_KEY

Nếu trống, export lại. Để persistent, thêm vào .bashrc và source lại.

2. Lỗi "npm pm ERR! code EACCES"

Quyền thư mục npm. Sửa bằng:

sudo chown -R $(whoami) ~/.npm
mkdir -p ~/.npm-global
npm config set prefix ~/.npm-global
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.bashrc

3. Lỗi request timeout hoặc rate limit

Claude Code tự động retry, nhưng nếu rate limit nhiều, giảm parallelism: thêm flag --max-request-per-minute 10. Kiểm tra API key có đúng tier không (tier 1 rate limit thấp hơn).

Câu hỏi thường gặp

Bài viết liên quan

• Claude Code trên VS Code: nên chạy local hay VPS?
• Cài đặt Claude Code và kết nối GitLab self-hosted
• Kinh nghiệm tối ưu token Claude Code Fable 5 trên VSCode