Onlook 中文文档

开发者文档与贡献

本节提供给想了解 Onlook 架构、为项目贡献代码或扩展功能的开发者技术文档。

概览

Onlook 采用 monorepo 结构,包含若干相互关联的应用和包,主要使用 Next.js、React、TypeScript 和 Vite 构建。

为 Onlook 贡献代码

我们欢迎为 Onlook 贡献代码!本指南将帮助你开始为项目贡献。

在向本仓库贡献代码之前,请先通过issuesDiscord电子邮件或其他方式,与本仓库拥有者讨论你想进行的更改。

请注意,我们有行为准则,请在所有项目互动中遵守。

本地运行项目

你可以按照这里的说明从源码构建项目。

提交拉取请求流程

  1. 要创建拉取请求(PR),请先 Fork 本项目。

fork

  1. 在你 Fork 的仓库中进行更改,并从该 Fork 创建拉取请求。

contribute

  1. 更新拉取请求描述,说明更改内容。如相关,链接对应 issue。

  2. 勾选“允许维护者编辑”(Allow edits from maintainer)复选框。这样维护者可以在必要时更新你的 PR,加快审核流程。详情查看

allow edits

  1. 请求一位维护者审查。审核通过后,他们将合并你的 PR。

代码风格指南

我们尽量遵循 Clean Code 指南和童子军规则:

“让代码比你接手时更干净,而不是更乱”。

测试

我们使用 Bun 进行测试。

bun test

代码规范检查

我们使用 ESLint 进行代码规范检查,使用 Prettier 进行格式化。此操作会在每次提交时执行。

bun lint
bun format

类型安全

我们使用 TypeScript 保证类型安全。

要检查 web 客户端的类型,运行:

cd apps/web/client && bun run typecheck