这几天按照手册教程用cursor完整开发一个网页产品基础案例,中途一些问题,总算是跑通了。下午又完整的重新从零跑了一遍,加深印象,1个多小时就完成了,还是熟能生巧。这里总结下通用流程,全程可以不用看代码。
1.与cursor讨论技术选型。
“我想做一个在网页上运行的程序,它是一个实现xxx功能的网站,你认为适合用什么技术来完成它?请给出一个你最推荐的技术以及对应的脚手架。”
2.请求详细指导,并按照指示完成开发环境配置。
“我觉得不错,但我没有任何相关的编程经验,我的电脑上除了安装了 Cursor 代码编辑器外,也没有任何相关环境,请详细的一步一步的告诉我应该怎么做,我做完一步告诉你我做完了,你再告诉我下一步应该干什么。”
3.打开新建的项目文件,开始讨论需求
“这是一个模板项目,请在项目根目录下创建 design.md 文件,并将该项目的目录结构和技术要点总结在这个文件中,方便后续我与你讨论需求时供你参考。”
“我有一个xxx的 idea,我想做一个网站,但目前仅仅有个 idea,你能帮我想一些功能点和特色,以及可以做哪些页面吗?请将我们讨论的结果记入到 product.md 这个文件中。”
过程中可以提出自己的需求,比如要求分阶段设计、第一阶段仅实现MVP功能等,最终完成产品需求文档的描述。
4.开发首页
“请先为我创建关于首页的代码文件夹和 README.md 文件, 并将后续我们讨论的结果写入到其中的 README.md 文件中,这个文件夹会用来放置首页的代码。创建好了我们再开始讨论这个页面的详细设计。”
“现在我们可以开始讨论了,请务必将我们讨论的结果写入到 @README.md 文件中,方便后续编写代码时进行参考,你可以参考 @design.md 文件和 @product.md 文件。首先,请告诉我需要考虑的点有哪些?”
“我觉得不错,请为其中的每一个要点完善详细内容”
“请修改项目的代码,并一步一步地基于这份详细的设计文档来实现首页内容。”
“我现在想在页面上看一下实现效果,请你帮我将代码整合起来,并告诉我怎么运行这个项目。”
5.开发新的功能模块,重复步骤4。
--end--
领取专属 10元无门槛券
私享最新 技术干货