用 Explorer 体验
用 Explorer 体验在预构建的沙盒应用中即时运行 Lynx 页面
集成到现有应用在原生或 Web 应用中将 Lynx 作为 UI 基座
使用应用框架构建基于 Lynx 应用框架,从零构建移动或桌面应用
使用 Lynx Explorer(一个预构建的沙盒应用)来即时开发和预览 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 引擎中描绘界面。
