创建你的第一个项目

本教程将引导你完成在 Onlook 中创建第一个项目的过程。

第一步：创建新项目

1. 打开 Onlook
2. 在欢迎界面点击“新建项目”
3. 选择一个模板或从零开始
4. 输入项目名称
5. 点击“创建”

第二步：探索界面

花些时间探索 Onlook 的界面：

• 画布：中央区域，可查看和操作你的组件
• 图层面板：显示组件层级结构
• 属性面板：编辑选中组件的属性
• 样式编辑器：修改 Tailwind 样式
• 代码面板：查看和编辑生成的代码

第三步：添加组件

1. 点击工具栏的“+”按钮
2. 从组件库中选择一个组件
3. 将其拖动到画布上
4. 使用属性面板进行自定义

第四步：为组件设置样式

1. 选中画布上的一个组件
2. 使用样式编辑器应用 Tailwind 类
3. 调整间距、颜色、排版和其他属性

第五步：预览与导出

1. 点击“预览”查看项目展示效果
2. 进行最后调整
3. 点击“导出”导出项目
4. 选择导出选项（代码、图片等）