常用AI开发Prompt
text
先说思路,不写任何代码vitepress 项目开发
- 项目上下文:这是一个用 TypeScript 写的 vue3 组件库,使用 npm 管理依赖,测试框架是 Vitest。
- 代码规范:函数命名用 camelCase,组件用 PascalCase,每个公开 API 需要 JSDoc 注释。
- 具体任务:在
src/components/Button/Button.tsx中,给 disabled 状态添加 aria-disabled 属性。- 约束:不修改现有测试,新增的行为需要补充测试用例到
Button.test.tsx。- 参考:现有的类似实现见
src/components/Input/Input.tsx第 45-60 行。
以一个客户下单按钮为例,prompt 可以是
text
项目上下文:这是一个用TypeScript写的vitepress项目,每篇文章是markdown格式,但会传入vue组件。
代码规范: 从上到下,script标签里用ts,template标签里用html,样式用scss,组件命名用PascalCase。
具体任务: 新增一个按钮组件,作用是客户点击后下单,显示的文字需要中文。按钮会通用在多个产品页面,所以需要支持传入不同的链接地址。
约束: 尽可能只使用elementplus,如果需要引入其他库,要说明理由。
参考: Amazon的Buy Now按钮