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

设置你的工具

编辑页面

在本章中,安装一个 AI 编码代理、Node.js 和 Expo Go,并让你的代理了解 Expo。


在本章中,你将从零开始安装所需的一切。这是最长的一章。一旦你的工具都设置好了,真正有趣的部分就开始了,教程的其余部分会进展得很快。

Prerequisites

4 requirements

1.

一台电脑
运行 macOS、Windows 或 Linux 的电脑。

2.

一部手机

一部 Android 或 iOS 手机,并且与电脑连接到同一个 Wi‑Fi 网络。

3.

一个 AI 代理及其账户

一个 AI 编程代理,以及你所选择服务的一个账户。

4.

大约 20 分钟
所有设置大概就需要这些时间。

1

打开终端

终端是你与 AI 代理交流的应用。

  • 在 macOS 上,打开系统自带的 Terminal 应用。你可以通过打开 Spotlight 搜索(Cmd ⌘ + Space)并输入“Terminal”来找到它。
  • 在 Windows 上,从开始菜单打开 PowerShell。在本章中,你会在其中输入一些命令。每个命令都已提供好,供你复制粘贴。
根据你的操作系统和设置不同,你的终端外观可能会有所不同,但使用方式是一样的。

2

安装一个 AI 代理

如果你已经在使用 AI 编程代理,可以跳到下一步。否则,请从下面选择一个。本教程与它们中的任何一个都适用。

在终端窗口中运行以下命令来安装 Claude Code

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

然后在终端中运行 claude 并按照说明登录。如果遇到问题,请查看 Claude Code 设置指南

其他代理也可以。只要你的代理能够在你的电脑上编辑文件并运行命令,你就可以继续跟着做。

3

安装 Node.js

让我们运行你的第一个提示词并安装 Node.js。

Node.js 是驱动 Expo 开发者工具的运行时。运行下面这个提示词,它会指示你的代理从 nodejs.org 下载 长期支持版(LTS)

Prompt
我正在全新设置的电脑上学习 Expo 的“使用 AI 构建”教程,而且没有编程经验。请在我的电脑上安装最新的 Node.js 长期支持版(LTS)。 - 首先,用一两句通俗易懂的话告诉我你准备做什么。 - 检测我的操作系统,并使用适用于该系统的最可靠方法。 - 完成后,通过显示 `node --version` 和 `npm --version` 的输出结果来验证安装是否成功,并告诉我是否需要重新打开任何程序才能使其生效。

要确认它是否生效,请通过打开一个新的终端窗口运行以下命令。它应该会打印当前安装的 Node.js 版本号:

Terminal
node --version

4

安装 Expo Go 并创建 Expo 账户

Expo Go 是一个免费的应用,让你在构建项目时可以在手机上测试它,而无需发布到应用商店。每当你的代理修改代码时,手机上的应用会在几秒内更新。

  1. 在手机上从 Google Play 商店或 Apple App Store 安装 Expo Go
  2. 在电脑上前往 expo.dev/signup 创建一个免费账户。
  3. 在手机上打开 Expo Go,并使用同一个账户登录。

5

让你的代理了解 Expo

Expo Skills 是一组指令文件,用来教 AI 代理如何更好地构建 Expo 应用:该使用哪些库、如何组织界面,以及如何避免常见错误。安装它们是让你的代理获得良好结果最重要的一步。

先运行 claude,然后在其中运行以下命令:

Terminal
/plugin install expo@claude-plugins-official
Expo Skills

每个代理的完整安装说明,以及所有可用技能的列表。

6

连接 Expo MCP 服务器

Expo MCP 服务器让你的代理可以直接访问 Expo 的工具:它可以读取最新的 Expo 文档、安装正确的软件包,并检查你的项目。

在终端中运行以下命令:

Terminal
claude mcp add --transport http expo https://mcp.expo.dev/mcp

然后启动 claude,并在其中运行 /mcp,使用你在上一步创建的 Expo 账户登录。

可选:让你的代理看到并点击你的应用

MCP 服务器还提供本地能力:通过额外设置,一个多模态代理可以对模拟器中运行的应用截屏、点击按钮,并验证自己的工作。这需要你电脑上的模拟器(iOS 仅限 macOS),因此超出了本教程的范围。在接下来的章节中, 才是在手机上验证应用的人。如果你之后想进一步探索,请参阅 设置本地能力

Expo MCP 服务器

完整的安装说明、可用工具以及数据隐私详情。

7

测试你的设置

让我们确认一切都已正确连接。把下面这个提示词粘贴到你的代理中:

Prompt
使用 Expo MCP 服务器搜索 Expo 文档中的“expo-image-picker”,并用一句话告诉我它的作用。

你应该看到的结果:代理会调用一个 Expo 文档工具,并用一句话回复,说明它可以从设备的照片库中选择图片。如果它返回连接或身份验证错误,请重复上一步中的登录部分。

摘要

Chapter 1: Set up your tools

Your toolkit is complete: an AI agent that knows how to build Expo apps, Node.js to power the tooling, and Expo Go on your phone to see the results.

In the next chapter, your agent creates a new app and you see it running on your phone.

Next: Chapter 2: Create your first app