快速上手
欢迎来到 Lynx 文档,我们将创建一个 Lynx 项目,并且将它运行起来。
系统要求
- Node.js 18 或更新的版本
- 当使用 TypeScript 作为配置文件时,需要使用 Node.js 18.19 或更新的版本
安装
创建一个 Lynx 项目
在 Lynx 项目中,我们使用 Rspeedy(一个基于 Rspack 的 Lynx 构建工具)来构建源码。
推荐通过 create-rspeedy 来快速创建一个 Lynx 项目,执行:
跟随提示来创建一个 Lynx 项目。
准备 Lynx Explorer
Lynx Explorer 是一个可以快速试用 Lynx 的沙盒环境。
开始开发
- 进入 Lynx 项目:
- 安装依赖:
- 启动开发服务器:
您将看到终端中出现一个二维码,请使用您的Lynx Explorer应用扫描。如果您正在使用模拟器,只需复制捆绑URL并粘贴到Lynx Explorer应用中的"Enter Card URL"输入框中,然后点击"Go"。
- 进行第一次更改:
在代码编辑器中打开 src/App.tsx 文件并进行更改。
你应该会看到 Lynx Explorer 上的 UI 自动更新。
调试应用
访问 Lynx DevTool 下载并打开 Lynx DevTool 桌面应用,使用数据线连 接正在运行 Lynx 的设备,开始调试应用。
访问调试工具,学习如何调试应用。
下一步
以下是我们建议接下来探索的一些内容,你可以按任意顺序阅读它们。
ReactLynx 框架
ReactLynx 是 Lynx 的官方 React 框架,学习如何用 React 的方式构建 Lynx 页面。
描绘界面
Lynx 能够让你用熟悉的 Web 技术来构建精美的用户界面, 学习如何在 Lynx 引擎中描绘界面。
集成
Lynx 能够被集成到已有的应用中,学习如何将 Lynx 集成到现有 iOS/Android/Web 应用中。
