datawhale动手学AI辅助编程--day1

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

本篇用于介绍动手学AI辅助编程的实践内容，day1主要实践了网页版番茄时钟的开发

---

一、辅助开发平台–豆包MarsCODE

豆包 MarsCode 编程助手是豆包旗下的 AI 编程助手，提供以智能代码补全为代表的 AI 功能。它支持主流的编程语言和 IDE，在开发过程中提供单行代码或整个函数的编写建议。此外，它还支持代码解释、单测生成和问题修复等功能，提高了开发效率和质量。
作为字节旗下的辅助编程平台，其界面对于用户来说非常友好，不仅提供了vscode接口也有网页版工作台，非常易于实现功能。

二、使用步骤

1.注册登录平台

网址链接：link

2.进入豆包MarsCode在线IDE

3.创建项目

点击左上角 “项目” 按钮新建项目，选择 “HTML / CSS / JS” 项目，点击 “创建” 按钮创建项目

4：用AI编写番茄时钟代码

在右侧 AI对话区下方对话框 输入以下内容，然后 按enter键 发送：

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

5.运行 番茄时钟

打开左侧 【文件浏览器】 的 index.html ， 全选代码 ，找到右侧对应的 html文件 ，点击 插入光标处 ：

打开左侧 【文件浏览器】 的 script.js ， 全选代码 ，找到右侧对应的 javascript文件 ，点击 插入光标处 ：

做好这些之后，点击最上方 “运行” 按钮，即可在 界面右侧 体验到番茄时钟的效果啦！

总结

通过Task1速通手册的学习，复现了用 豆包MarsCode 开发 番茄时钟 效率工具的案例，也基本了解了AI辅助编程的大致流程。