@
shunia #60 AI 不会乱写代码,只有你的要求不清晰。
这种一般是给他个图,然后每一块都描述,比如
根据上图做一个新页面 index.vue 放到 xxx 目录下。
1. 首页数据来自 xxx 接口,接口返回内容如下:{data:xxxxx}(这里直接把接口返回结果贴上来)
2. 顶部的导航栏需要在页面滑动时背景根据页面滑动位置逐渐变为透明,并增加阴影和磨砂玻璃效果。
3. 导航栏下面时横向轮播 banner ,自动播放下一张,需要注意最后一张结束时与第一张流畅衔接。每一张图片要增加空背景的 loading 效果,图片载入完成后应该渐入出现。
。。。。
每一个都尽量描述清楚你要的效果,当然你不描述的太仔细也没问题,只是后面也是要反复修改,也没多大问题,只要你描述清楚哪个位置要怎么改,他不会乱改其他部分。
整完之后看看,有修改的就提具体位置和需求给他,完事儿之后说一句:
按照当前页面的元素位置和样式,把数据载入前的 loading 改为骨架屏效果
最后的最后,为了节省剩下页面的制作时间,让他 把上述风格和设计,汇总到
xxxx.md 文件,以供我在制作其他页面时作为风格参考,第一个页面多花点时间调效果,这样你其他页面就会做的非常快速,后面基本都能一次成型。
这样你在做其他页面的时候就不用重复描述太多设计和动画上的需求,同样已经存在的页面,你也可以 @这个 md 文件,然后说 请帮我把 xx 页面设计风格参考 xxx 文件进行统一修改,设计要点你可以参考
xxx.md当然这些前提你要写好 .coursorrules ,以及 globalrules ,这里面描述了你项目的基本情况,比如说这是个什么项目,用了什么技术,用了哪些库,图标用哪个,公用组件都有哪些,一些重点目录是干嘛用的,你如果懒得写就每次 @一个文件让他参考。
总的来说,你把 ai 当成一个新入职的刚接手项目的能力非常牛逼的员工,你让他干活儿,你至少要给他描述清楚需求,给他讲讲项目背景和概况。
很多人用 ai 编程觉得不好用,就是自己的角色没有定义好,你的角色不是老板,不是你说一句话他就帮你干完,要再往下一层,来到项目经理再往下一点,类似 项目经理+CTO 的角色。你既要提出老板需求转换成项目经理的需求,也需要你懂技术能规范具体的技术细节。把自己的思考重心放到程序员的上一层,具体实施这种苦力活儿就交给 AI 。
又有很多人觉得我写这么多东西不如自己完成了,但你要想一下,这些要求这些细节,你就算自己做,你迟早也要想清楚流程,要去实施具体效果,你为什么不一开始就做好这一步,磨刀不误砍柴功正是如此。上面有位朋友说 AI 干不了这个干不了那个,我可以明确的说,只要编码方面人能干的,AI 就一定能干。一些小众库甚至个人非 github 平台的库,你可以直接 @源码目录,让他先分析然后写总结到一个 md 文件,之后 @这个 md 文件来让他使用,不要傻乎乎的只提供个名字最后得出 ai 不行。
以上是我这几个月,每个月 1-2 千次对话,完成数个新项目,数个老项目的经验,仅供参考。