Onlook 快速入门指南

克隆存储库

使用以下命令克隆 Onlook 存储库：

git clone https://github.com/onlook-dev/onlook.git
cd onlook

安装依赖项

Onlook 使用 Bun 作为包管理器，运行以下命令安装依赖项：

bun install --frozen-lockfile

启动 Onlook

执行以下命令在本地启动 Onlook：

bun dev

启动完成后，Onlook 将在 http://localhost:3000 上运行。

创建项目

在浏览器中访问 http://localhost:3000，点击“New Project”按钮，选择模板或从头开始创建，输入项目名称后点击“Create”。

编辑项目

进入 Onlook 编辑器后，可以进行以下操作：

• 从组件库添加组件
• 编辑文本和图像
• 使用样式面板调整样式
• 实时预览更改效果

部署项目（可选）

完成编辑后，点击顶部工具栏中的“Deploy”按钮，选择部署选项并点击“立即部署”，项目将被部署并生成可共享的 URL。

关于 Onlook 项目资源

Onlook 是一个开源项目，以下是其核心资源的汇总链接，方便开发者快速访问：

GitHub 仓库
https://github.com/onlook-dev/onlook
包含项目源代码、贡献指南和最新开发动态，适合参与协作或了解技术实现细节。

官方网站
https://onlook.com
提供项目概述、使用场景和最新动态，适合快速了解项目定位和功能。

项目文档
https://docs.onlook.com
涵盖安装指南、API 参考和配置说明，适合开发者在集成时查阅。

若需进一步探索，建议从文档入口开始，逐步深入代码仓库。