创建你的第一个应用

在新文件夹中启动你的代理

你的代理一次只在一个文件夹内工作，因此为这个项目创建一个专用文件夹，并在其中启动代理。在终端中运行：

然后在该文件夹中启动你的代理：运行 claude 或 codex。如果你使用的是 Cursor，创建一个名为 StickerSmash 的新文件夹，用 File > Open Folder 将其打开，然后打开代理面板。

创建应用

将以下提示粘贴到你的代理中：

Create a new Expo app in this folder (the current directory) by running npx create-expo-app@latest and choosing the SDK 57 template — I will test the app with Expo Go on my phone, which uses SDK 57. After it is created, run the project's reset-project script so we start from a minimal app, and delete the example folder that the script leaves behind. Don't start the development server; I will run that myself.

代理需要几分钟来下载模板并安装其依赖项。完成后，它应该会报告项目已就绪，并包含一个只有几个文件的精简 src/app 文件夹。

在手机上运行应用

这是你在本教程中自己会运行的唯一命令。它会启动开发服务器，将你的应用流式传输到手机上。打开一个新的终端窗口（让你的代理继续运行在第一个窗口中），然后运行：

终端中会出现一个二维码。要打开应用：

• Android：打开 Expo Go，然后点击 Scan QR code。
• iOS：打开默认相机应用，并将其对准二维码。

信息 在实体 iOS 设备上，只有 Expo CLI 和 Expo Go 登录了同一个 Expo 账户时，Expo Go 才会打开你的项目。你已在上一章中完成这两项操作。如果你看到账户错误，请参阅 Expo Go sign-in required。

你应该会在手机上看到一个几乎空白的屏幕。那就是你的应用。在本教程剩余部分，请保持此终端窗口打开，并将手机放在身边。

做出你的第一次修改

现在把这个循环闭合起来：向代理请求一个可见的变化，并观察它出现在你的手机上。将以下提示粘贴到你的代理中：

将主页屏幕改为在深色背景 #25292e 上显示白色、居中的文本 "Home screen"。

你应该看到的效果：在代理完成后的几秒内，你手机上的应用会重新加载，显示一个深色屏幕，中间有白色的 "Home screen" 文本：

这就是整个工作流程——你提出需求，代理构建，手机显示结果。