当前位置: 首页 > news >正文

使用Comate全栈开发一个Python学习网站

Comate 介绍

Comate是百度开发的一款国产AI编程工具,类似于Cursor,Trae等等,是一个独立的代码编辑器,功能非常全面。
今天我将使用Comate来实现从零全栈开发一个Python学习网站。
下面是我安装好的Comate的截图,如果你要跟着开发,请先下载好吧。

在这里插入图片描述

产品经理:编写需求文档

首先,我们可以让Comate充当一个产品经理的角色,让它编写需求文档。
你可以把下面的这段提示词复制过去:

你是一个专业的产品经理,现在我需要你帮我编写一份 docs/需求分析.md 文档。
我们要使用HTML+CSS+JavaScript开发一个Python的学习网站。
第一阶段只有实现基础的功能就行,不要太复杂,我们需要的是一个最小可行性版本。

在这里插入图片描述

思考中…
在这里插入图片描述

效率非常高,几分钟就生成好了。
在这里插入图片描述

UI设计师:编写UI设计文档

接下来,我们让Comate充当UI设计师的角色,设计一下UI界面,并编写UI设计文档。
提示词如下:

你是一个高级UI设计师,请你参考 docs/需求分析文档.md 编写 docs/UI设计文档.md 
要求页面美观大气,采用科技蓝的主题,让学生感觉到科技感,仿佛置身未来一般。

给Comate提示词:
在这里插入图片描述

Comate编写文档中…
在这里插入图片描述

过了几分钟以后,文档设计好了。
在这里插入图片描述

架构师:编写架构设计文档

接下来我们让Comate充当架构师的角色,编写架构设计文档。
这里为了简单,我们采用的是纯前端的架构。
如果是真实的大型项目的话,建议采用fastapi+vue的架构会更好,但是这里主要是为了给大家演示效果,所以我们采用简单高效的方式。
这个纯前端的代码后面也可以结合Django框架或者Flask框架,基于模板的方式进行使用。

我们把提示词Comate:

你是一个前端架构师,请你参考 docs 下面已有的文档,编写 docs/架构设计.md
基于 HTML+CSS+JavaScript 的纯前端方式进行开发。

提示词给Comate。
在这里插入图片描述

文档编写中…
在这里插入图片描述

架构设计文档编写完成。
在这里插入图片描述

项目Leader:制定开发计划

基础文档准备好以后,我们就需要进入开发阶段了。
为了保证项目的有序进行,我们让Comate充当项目Leader,指定一个详细的开发计划。

提示词如下:

你是一个项目Leader,请参考 docs 目录下的文档,编写 docs/开发计划.md 文档,制定详细的开发计划。

Comate开始读取docs下面的文档,制定开发计划。
在这里插入图片描述

开发计划编写完成:
在这里插入图片描述

前端工程师:按计划编写代码

终于到了编写代码的阶段了。
现在,我们让Comate充当一个高级前端工程师,按照开发计划编写代码。

提示词如下:

你是一个高级前端工程师,请你阅读 docs 下面的文档,按照开发计划,开始开发。
项目开发完成以后,要将项目运行起来,确保没有任何的错误和警告。

Comate正在按照开发计划编写代码,让我们期待一下它的成果。
在这里插入图片描述

一顿操作猛如虎,终于在经过了十几分钟以后项目生成完毕了。
在这里插入图片描述

在index.html上右键,在服务器中预览。
在这里插入图片描述

最终效果

经过一番努力之后,终于把界面给设计出来了,效果如下。
整体而言,Comate还是很给力的。
给国产AI编辑器点赞!!!
在这里插入图片描述

http://www.dtcms.com/a/407212.html

相关文章:

  • 网站推广软件工具百度竞价被换着ip点击
  • 前端老旧项目全面性能优化指南与面试攻略
  • 破局与进化:火山引擎Data Agent从落地实践到架构未来
  • 网站不用工具开发建设易语言怎么做ifa网站填表
  • 云手机出现的意义都有哪些
  • 网站 设计 文档wordpress 打开速度
  • Python 基于 MinIO 的文件上传服务与图像处理核心实践
  • 余姚网站开发什么是手机网站
  • 9.25 深度学习7
  • 成都网站制作成都网站维护
  • 上传的网站打不开网站建设公司有哪些原
  • 【论文阅读】纯视觉语言动作(VLA)模型:全面综述
  • python做网站的优势网络营销推广方法ppt
  • 未来工厂构建蓝图:从IT/OT割裂到数据驱动的实践全解析
  • wamp:phpmyadmin访问被拒
  • 一级a做爰电影免费观看网站wordpress 评论邮箱改成电话
  • Excel——常用函数三
  • gitlab runner 里面使用harbor私仓
  • gitlab操作技巧
  • 番禺网站优化平台搜索公众号
  • 20250925让荣品RD-RK3588-MID开发板的Android13系统在长按3s才弹出关机对话框
  • 做视频资源网站有哪些内容学仿网站
  • Asymptotic Notation: Big-Oh, Big-Omega, Big-Theta, Small-Oh, Small-Omega
  • Bugku-TLS
  • 焦作住房和城乡建设厅网站做网站网站代理的犯法么
  • MTK调试-PLsensor
  • 番禺区建设网站seo手机优化方法
  • 网站建设服务器都有哪些旅游网站首页设计
  • LVS TUN隧道模式
  • 使用Docker将PyQt深度学习项目打包成镜像