#快速开始

#创建新的 Vue Lynx 项目

我们使用 create-vue-lynx 来搭建新项目：

npm create vue-lynx@latest

yarn create vue-lynx

pnpm create vue-lynx@latest

bun create vue-lynx@latest

deno init --npm vue-lynx@latest

完成提示后，create-vue-lynx 会创建一个以你的项目名称命名的文件夹，其中包含一个入门应用。

#运行开发服务器

1. 进入创建的项目目录：

cd <project-name>

2. 安装依赖：

npm install

yarn install

pnpm install

bun install

deno install

3. 启动开发服务器：

npm run dev

yarn run dev

pnpm run dev

bun run dev

deno run npm:dev

你应该会看到类似这样的输出：

Rspeedy v0.13.5

➜  Web         http://localhost:3000/main.web.bundle
➜  Web Preview http://localhost:3000/__web_preview?casename=main.web.bundle
➜  Lynx        http://localhost:3000/main.lynx.bundle

开发服务器会生成三个 URL：

• Web Preview — 在浏览器中打开此链接可快速预览你的应用。
• Lynx — 用于通过 Lynx Explorer 进行原生渲染的 bundle URL（见下一步）。
• Web — 原始 Web bundle（适用于集成到 Web 容器中）。

#在 Web 上预览

在浏览器中打开 Web Preview URL。你将看到应用在 Web 上渲染的实时预览，编辑代码时会自动更新。

#在原生设备上预览

要查看应用的原生渲染效果，请使用 Lynx Explorer。扫描终端中显示的二维码，或复制 Lynx bundle URL 并粘贴到 Lynx Explorer 的"Enter Card URL"中。

#iOS 模拟器

1. 从 Mac App Store 安装 Xcode。

2. 下载 LynxExplorer

   对于 Apple Silicon (M1/M2/M3)，下载 LynxExplorer-arm64.app.tar.gz，然后解压：

   mkdir -p LynxExplorer-arm64.app/
   tar -zxf LynxExplorer-arm64.app.tar.gz -C LynxExplorer-arm64.app/

   对于 Intel Mac，下载 LynxExplorer-x86_64.app.tar.gz，然后解压：

   mkdir -p LynxExplorer-x86_64.app/
   tar -zxf LynxExplorer-x86_64.app.tar.gz -C LynxExplorer-x86_64.app/

3. 安装到模拟器 — 打开 Xcode，选择 Open Developer Tool > Simulator，然后将 .app 文件夹拖入其中。

#Android

从 GitHub Releases 下载预构建的 APK 并安装到你的设备上。

#调试

下载 Lynx DevTool 桌面应用。通过 USB 连接你的设备并开始调试。查看 Lynx 调试指南 了解更多信息。