This documentation is available as Markdown for AI agents and LLMs. See the full Markdown index or append .md to any documentation URL.

Claude Code 和 Expo

编辑页面

使用 Claude Code 构建、升级、调试和部署你的 Expo 和 React Native 项目。


Claude Code 是 Anthropic 的基于终端的 AI 编程代理。它可以理解你的整个代码库,提出修改建议,运行终端命令,并管理 git 操作。使用 create-expo-app 创建的 Expo 项目会通过 CLAUDE.md.claude/settings.json 为 Claude Code 搭建脚手架。它还可以检查 EAS 和 Expo CLI 日志,从 Expo Model Context Protocol (MCP) 服务器获取文档,使用 Expo Skills 了解最佳实践,管理你的 EAS 部署工作流,等等。

快速开始

1

安装 Claude Code

全局安装 Claude Code,然后从任意项目中启动它。其他安装方法请参阅 Claude Code 文档

Terminal
curl -fsSL https://claude.ai/install.sh | bash

2

创建一个新的 Expo 项目

使用以下命令创建一个项目,或者确保你现有的项目已安装最新的 expo 包。

Terminal
npx create-expo-app@latest --template default@sdk-57

3

设置 Expo Skills 和 Expo MCP Server

安装 Expo Skills 并连接 Expo MCP Server,这样 Claude Code 就能了解 Expo 约定并访问你的 EAS。

Expo Skills

安装这个插件,让 agent 学习已知良好的 Expo 模式,并浏览可用技能的完整列表。

Expo MCP Server

连接远程 Expo MCP Server,让 agent 可以实时访问 Expo 文档和 EAS。

4

打开你的项目并开始提问

从项目根目录运行 Claude Code,然后描述你想要做什么。

Terminal
cd my-app

claude

5

验证设置

将以下提示粘贴到你的 Claude Code 会话中,以确认它可以读取你的项目:

Example prompt
打开 package.json,并告诉我这个项目目标使用的是哪个 Expo SDK 版本。

如果 agent 返回了 package.json 中的 SDK 版本,说明 agent 正在正确读取你的项目。

Claude Code 如何读取你的 Expo 项目

当你在项目中启动 Claude Code 时,它会读取两个脚手架生成的文件:

  • CLAUDE.md 包含一行:@AGENTS.md。这一行会将 AGENTS.md 导入到 Claude Code 的上下文中。AGENTS.md 会将 Claude Code 指向与你项目的 Expo SDK 版本对应的文档。请将项目级说明添加到 AGENTS.md,而不是 CLAUDE.md,这样它们就能保留在同一个地方。
  • .claude/settings.json 会从 Claude Code 插件市场启用官方 Expo 插件(expo@claude-plugins-official)。

这两个文件都会提交到你的项目中,因此开发者的 Claude Code 会话会从相同的上下文开始。

示例提示词

完成设置后,用通俗语言描述 Expo 任务。例如:

任务示例提示词
升级 SDK将此项目升级到最新的 Expo SDK,并修复所有破坏性变更。
添加导航使用 Expo Router 添加一个选项卡导航器和一个新的设置屏幕。
自动化构建创建一个 EAS Workflow,在每次拉取请求时构建应用。
调试构建我最新的 iOS 构建失败了。读取 EAS Build 日志并告诉我出了什么问题。
添加通知配置 expo-notifications,并在应用启动时显示本地通知。
设置 CI/CD创建一个在每次 PR 时构建的 CI/CD 工作流。
添加原生 UI向我的 Expo 应用添加一个 SwiftUI 选择器组件。
查看反馈显示我的应用的 TestFlight 反馈。
验证 UI截取屏幕截图并验证蓝色圆形视图。

更多示例,请参阅 Expo SkillsExpo MCP Server 的示例提示词部分。

故障排除

项目设置中已启用插件 'expo',但此处未安装。

如果你在 Claude Code 会话中看到此错误,那么你需要在开发机器上安装官方 Expo 插件。要安装它,请在终端窗口中运行以下命令,然后重新启动你的 Claude Code 会话:

Terminal
claude plugin install expo@claude-plugins-official

上述命令会全局安装 Expo 插件。如果你只想为当前项目安装它,请在命令中添加 --scope project

Terminal
claude plugin install expo@claude-plugins-official --scope project