文档
快速开始

快速开始

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

创建你的第一个视觉小说

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

创建一个新的 React 应用

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

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

npx nlr-skeleton@latest my-project

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

运行这个应用

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

npm run dev

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

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

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

下一步

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

基础教程

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

解决方案

如果您正在寻找一些常见问题的解决方案,您可以开始学习一些解决方案。

API 参考

如果您是高级开发人员或正在寻找 API 参考,您可以开始学习使用抽象类构建故事。

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