Web Course 59-使用 Claude Code 开发 Next.js 网站

本课内容

• 什么是 Claude Code
  • https://docs.anthropic.com/en/docs/claude-code/setup
  • https://support.anthropic.com/en/articles/9797557-usage-limit-best-practices
  • macOS / Linux
  • Claude Pro 以上 / 第三方
• Claude Code 安装
  • https://www.anthropic.com/claude-code
  • 终端
    • 确认 Nodejs 版本：node -v
    • 安装 Claude Cli：npm install -g @anthropic-ai/claude-code
    • 进入项目目录（不要在根目录操作）
    • 运行 claude
    • 运行 /login
  • IDE
    • 安装插件：https://marketplace.visualstudio.com/items?itemName=anthropic.claude-code
    • 命令行绑定：/ide
• Claude Code 实战
  • 使用 Next.js 模版初始化：npx create-next-app@latest
  • 在线读取 Claude Code 官方文档，并生成页面
  • 多轮对话调整细节
  • Vercel 发布

相关资源

• Demo: https://claude-code-tutorial.interjc.workers.dev
• Repo: https://github.com/justincourses/claude-code-tutorial

账号注册

• Claude Code 官方：https://www.anthropic.com/claude-code
• 第三方 Claude Code 注册：https://s.zhaikr.com/tzgc