#快速开始(React 版本)

#1. 初始化

如果想基于幕间模版开始，可以遵循下面的操作：

1.1 下载下面的压缩包到你的电脑中，并解压缩到您期望的位置.

• React 版：点我下载

1.2 使用代码编辑器/IDE 打开刚才解压好的项目文件夹。

1.3 在代码编辑器的终端中执行如下命令，进行项目初始化

pnpm install

如果看到类似下图中的提示，则说明初始化成功。

#2. 开发

pnpm dev

如果看到类似下图中的提示，则说明启动项目成功。此时，你的项目已经成功在 http://localhost:5173/ 上运行（这个只是官方模版的地址。可能根据根据你的项目配置有差异）。接下来你就可以自己开始代码开发，或者让 AI 来协助你进行开发。

我们已经在模板项目中内置了一下提示词来告诉 Cursor 和 Trae 如何调用幕间的SDK，以及遵循一些基本的开发规范与最佳实践。你可以保留他们，也可以根据你的需要对他们进行修改（提示词在 .cursor 和 .trase 文件夹内）。

近期我们会提供 幕间 SDK 的 MCP 能力，届时 AI 编辑器可以更好地调用 SDK

#3. 调试

此时可以在创作界面，选择预览，然后选择 http://localhost:5173/ 来查看效果。

#4. 打包

执行

npm run build

打包出来的产物会出现在项目目录下的 dist 文件夹内。 可以参考 H5 版本，在 dist 文件夹内进行打 ZIP 压缩包。

#5. 上传

同 H5 版本，请参考这里

#6. 发布

同 H5 版本，请参考这里