开始使用
1、简介
在阅读完平台的简介文档后，您应该对平台的能力有了初步的了解。现在，您可以按照以下步骤开始创建我们的第一个应用。
2、应用设计
本章将引导您将设计想法快速转化为实际页面和代码。让我们开始吧！
2.1、创建项目
在平台上创建一个开发项目，您需要执行以下步骤：
- 登录系统并进入工作台。
- 创建项目。请注意，在内测环境下，我们将为您提前完成项目的创建，因此您可以直接进入项目的工作台。
2.2、创建空页面
在项目内创建一个空页面，您需要执行以下步骤：
- 进入项目。
- 新增页面。
提示：创建页面时，必须填写页面名称和页面编码。页面编码需要按照大写驼峰体格式编辑。
2.3、输入您的设计
根据您的设计输入，选择以下三种方式之一：
- 上传原型图
- 草图绘制
- 文本描述
如果选择上传原型图，请点击“上传图片”按钮并选择您的文件。 如果选择草图绘制，请使用内置工具在画布上进行绘制或上传您的草图。 如果选择文本描述，请在提供的文本框中输入或粘贴您的页面描述。同时，系统也提供了内置的页面描述，可供您快速使用，只需进行简单修改即可。
2.4、自定义与优化
- 使用关键提示词来帮助AI更准确地理解您的设计意图。
- 可选：调整界面元素、颜色主题或布局设置，以更细致地定制生成的页面。您还可以指定您所需页面使用的前端框架组件。
2.5、生成页面预览与代码
点击“生成页面”按钮，稍等几秒钟，让AI处理您的输入并生成页面预览及代码。
2.6、页面微调
完成页面生成后，您可以直接预览AI生成的页面。页面中可能包含交互操作，您可以直接点击进行尝试，确保符合您的期望。 如果满意，您可以点击“下载代码”按钮，获取HTML、CSS和JavaScript文件。 如果不满意，您可以返回步骤2.3进行调整，并重新生成。
或者，您可以通过其他方式对页面进行微调：
- 对页面进行批注，在页面中向大模型发送批注和页面内容，再次生成带有批注的页面。
- 假设您有丰富的开发经验，可以直接修改代码并实时预览修改结果。
2.7、代码下载
- 使用下载的代码作为起点，继续进行后续的定制和开发。
- 如果需要，可以在您喜欢的IDE或代码编辑器中进一步编辑和完善代码。
2.8、寻求帮助
如果在任何步骤中遇到问题，随时联系技术支持团队，他们将为您提供帮助。