Skip to main content
本页内容

把第一个开发任务交给 JoyCode

从制作一个欢迎页开始,体验 Code Agent 的工作方式:你描述目标与交付要求,JoyCode 组织步骤、实现页面并运行验证;你查看过程,在交付后检查效果并继续迭代。

开始前准备#

先登录 JoyCode,用本机文件管理器准备一个没有重要文件的练习目录,例如 JoyCode-Demo。后续生成的两个文件会保存在这里;已有 manual-welcome.html 或 verify-manual.mjs 时,请换一个空目录练习。

本例用 Node.js(运行 JavaScript 脚本的程序)执行检查。可在本机终端运行 node --version 确认:返回版本号表示终端能找到它;提示找不到命令时,先按组织允许的方式安装 Node.js,再重新打开终端检查。不确定怎么操作,可先让 JoyCode 只读检查环境,不要在此示例中自动安装软件。

1. 选择项目并新建会话#

从“新对话”进入空白会话,在输入区展开“选择项目”。目录不在列表中时,点“添加新项目”,按提示选择准备好的练习目录。项目是本机工作目录,会话保存这次任务的要求与结果;发送前确认显示的是练习项目,详见开始新任务。

2. 描述你想要的页面#

将下面的要求复制到输入框,告诉 JoyCode 页面内容、交互效果和需要交付的文件。这个任务包含页面实现与脚本验证两个部分。

示例:制作欢迎页
在当前练习项目中制作一个欢迎页。
目标:新增 manual-welcome.html,页面标题和主标题为“欢迎使用 JoyCode”,包含一句简介、“开始体验”按钮和“准备就绪”状态。点击按钮后显示“已开始”,适配手机宽度。范围:只新增 manual-welcome.html 与 verify-manual.mjs,不修改已有文件。页面自包含,不请求网络,不安装依赖。验证:编写验证脚本检查标题、按钮与状态切换逻辑,然后运行 node verify-manual.mjs。交付:返回两个文件链接、实际测试命令和退出码,并标注可预览的页面文件。

3. 选择模型并启动任务#

从输入区的模型选择器选择账号中可用的模型,推理强度可以先保留当前档位。已能正常聊天时,不需要另外配置供应商。权限先选“每次询问”,然后发送要求;执行中出现提示时,核对它是否只涉及练习目录与本次验证命令。详见权限与安全边界。

4. 跟进页面生成过程#

发送后留在当前会话,展开处理过程,检查写入的文件是否符合范围,以及验证命令是否执行。运行与结果界面见执行与调整。发现布局或内容不符合要求时,在原会话指出具体差异。

如果任务已停止,且只返回方案或说明、尚未生成文件,请先核对内容是否符合本次范围,再在原会话补充:“按这个方案继续执行,只新增 manual-welcome.html 和 verify-manual.mjs,并运行验证。”补充要求后,在原会话查看新的执行状态。

任务运行时,留在原会话查看进度,等待文件链接和实际验证结果。

5. 预览你的页面#

先检查文件与命令结果。打开 manual-welcome.html 和 verify-manual.mjs,确认它们位于选定项目。找到 node verify-manual.mjs 的实际输出与退出码;0 通常表示命令正常结束,非 0 表示失败。仍需阅读检查输出,有失败项时继续修复。

再打开页面实际点击。打开任务结果中欢迎页的文件链接或预览地址,核对“欢迎使用 JoyCode”标题和“开始体验”按钮。点击按钮,检查状态是否从“准备就绪”变为“已开始”,再查看窄屏布局。

需要了解文件链接、验证结果和页面预览的区别,继续阅读结果验收。脚本检查通过后,仍需实际点击按钮并查看页面效果。

遇到找不到 Node.js、文件未生成或页面效果不对时,保留具体错误,在原会话说明问题并要求继续检查。不要把“脚本已生成”当成“脚本已运行”,也不要把命令退出码 0 当成所有页面交互都正确。

6. 继续迭代#

示例:在原会话继续
保留现有欢迎页内容,只增大手机屏幕下的按钮点击区域。继续只修改本次两个文件,重新运行验证,并提供更新后的页面供我检查。

同一页面的后续调整留在原会话;无关目标另开新会话。暂时不用的会话可按任务管理中的说明归档。