文档
快速开始

快速开始

NarraLeaf-React 是易于理解和使用的。本指南将帮助您使用 NarraLeaf-React 创建您的第一个视觉小说。

创建你的第一个视觉小说

现在是时候使用 NarraLeaf-React 创建您的第一个视觉小说了。

创建一个新的 React 应用

首先,使用 Create React App 创建一个新的 React 应用。

导航到您想要创建应用的目录,并运行以下命令:

npx create-react-app nlr-app --template my-first-narraleaf-app

这将使用 NarraLeaf-React 模板创建一个新的 React 应用。

运行这个应用

要预览应用程序,请使用以下命令运行应用程序:

npm start

访问 http://localhost:3000 查看您的第一个视觉小说。

恭喜!您已经使用 NarraLeaf-React 创建了您的第一个视觉小说。

您可以编辑 src/story.ts 文件来创建您自己的故事!

下一步

现在您已经了解了 NarraLeaf-React 的基本概念。

您可以开始学习 NarraLeaf-React 的一些基本功能。

如果您是高级开发人员,您可以开始学习使用抽象类构建故事。

或者开始使用播放器组件显示故事。