5分钟速通AI辅助 番茄时钟 开发
Step1：注册登录豆包MarsCode（点击可跳转官网）
直接点击上方蓝字，或复制链接打开: www.marscode.cn/home?utm_so…
- 点击“登录并获取编程助手”
- 注册账号并登录
注意：请不要在微信浏览器中打开，需要把网址复制到Chrome、Edge等网页浏览器中打开
Step2：进入豆包MarsCode在线IDE
点击 "进入工作台" 打开在线IDE
-
点击进入工作台
-
打开网页立即体验
-
这里就是你的工作环境啦~
Step3：创建项目
点击左上角 “项目” 按钮新建项目，选择 “HTML / CSS / JS” 项目，点击 “创建” 按钮创建项目：
-
新建项目
-
选择HTML/CSS/JS项目并创建
-
恭喜进入项目工作区~
Step4：用AI编写 番茄时钟 代码！
在右侧 AI对话区下方对话框 输入以下内容，然后 按enter键 发送：
参考Prompt:
请你基于html、tailwind css和javascript，帮我设计一个“番茄时钟”。要求UI简洁美观大方，同时具有呼吸感，点击开始计时、点击暂停计时和重置计时的功能能够完美实现
发送Prompt！让AI编写代码！
Step5：运行 番茄时钟！
- 打开左侧 【文件浏览器】 的 index.html ， 全选代码 ，找到右侧对应的 html文件 ，点击 插入光标处 ：
- 打开左侧 【文件浏览器】 的 script.js ， 全选代码 ，找到右侧对应的 javascript文件 ，点击 插入光标处 ：
- 做好这些之后，点击最上方 “运行” 按钮，即可在 界面右侧 体验到番茄时钟的效果啦！
