在这个小项目中,会利用豆包进行编程,拿到代码一键运行,实现一个番茄钟的小应用。

首先,需要注册一个豆包账号,网址是这里: https://www.marscode.cn/home?utm_source=school&utm_medium=datawhalelearn&utm_campaign=camp1

Datawhale AI冬令营 利用豆包进行编程开发(一)番茄钟_机器人

点击右上角进行工作台

Datawhale AI冬令营 利用豆包进行编程开发(一)番茄钟_自然语言处理_02


左上角创建项目

Datawhale AI冬令营 利用豆包进行编程开发(一)番茄钟_机器人_03


选择html

Datawhale AI冬令营 利用豆包进行编程开发(一)番茄钟_自然语言处理_04


在右边对话框中输入要求

文字如下:

请你基于html、tailwind css和javascript,帮我设计一个“番茄时钟”。要求UI简洁美观大方,同时具有呼吸感,点击开始计时、点击暂停计时和重置计时的功能能够完美实现

Datawhale AI冬令营 利用豆包进行编程开发(一)番茄钟_人工智能_05


然后把左边index.html和script.js的代码依次替换生成的代码

Datawhale AI冬令营 利用豆包进行编程开发(一)番茄钟_交互_06


Datawhale AI冬令营 利用豆包进行编程开发(一)番茄钟_人工智能_07


Datawhale AI冬令营 利用豆包进行编程开发(一)番茄钟_机器人_08


替换完成点击运行

Datawhale AI冬令营 利用豆包进行编程开发(一)番茄钟_人工智能_09


右侧就会显示出运行的结果

Datawhale AI冬令营 利用豆包进行编程开发(一)番茄钟_机器人_10


番茄钟的项目就完成了!恭喜你,完成第一节的开发。