我决定挑战用ai完成一个网站构建和部署。项目的主要目标是实现一个简单但功能齐全的网站,支持用户注册、登录、文件上传和静态资源管理。最终成稿,还有很多小毛病


编程工具挑选


gpt4o的编程能力不如claude3.5,所以不考虑ai编程工具,那么建议选后者。如果使用ai编程工具,那copilot既可以用gpt4o和claude3.5,但是因为他有个很大的问题在于需要你频繁更新你的代码仓库,这样它才能根据你的代码仓库进行准确的回答。当项目变得复杂,很容易在频繁的对话中迷失。而cursor同样基于claude3.5,它允许你将自己的本地代码放入对话中让大模型去回答,从效率和准确率上有很大的进步。


编程框架决策


最初使用 create-react-app 快速初始化一个 React 项目,并选择 TypeScript 作为开发语言,但是因为过于小白,所以网页设计中太多东西依赖ai生成,而现在的LLM在较长的对话中容易迷糊;所以最终采用了更加轻量级的基于 Flask 和python 的 框架。


prompt技巧

1.早期的prompt非常重要,你需要非常准确的说清楚你的网站定位和需求是什么
2.为了让它的工作方式更系统,你可以在开始的时候和它说“请列出为了实现这些功能需要的代码框架是什么”
3.如果采用react的框架,涉及前端后端代码,那么你可以说“我们先来开发前端代码”
4.当你需要样式参考时,可以说 这个是xx网站,请参考它的xx样式,他是可以读网站的
5.在大框架搭好了以后,防止它发散,那么你需要经常加一句“请注意不要改动其他的功能和样式”