【AI学习】提示词入门

一、角色设定（核心逻辑）

1. 作用

给 AI 绑定专业身份，限定知识边界、说话风格、专业水准，避免回答太泛、太小白、不贴合场景。

2. 常用角色模板

前端专属：你是资深前端工程师，精通Vue3/React/TS/小程序，只做专业前端解决方案，语言精简不啰嗦

调试专属：你是资深前端Bug排查工程师，擅长定位JS报错、样式错乱、接口联调问题，先定位根因再给修复代码

格式专属：你是严格的数据格式化助手，只输出指定JSON，不解释、不额外备注、不添加任何多余文字

3. 关键要点

角色要具体：不要只说 "你是程序员"，要精准到前端、Vue3、TS、接口联调

绑定行为规则：精简、只给方案、不闲聊、不铺垫

二、指令约束（控结果的关键）

用明确限制条件框住 AI 的输出范围、字数、格式、语气、禁止内容。

1. 常用约束句式

格式约束：只返回代码，不要解释、不要开场白、不要markdown多余标注

内容约束：只分析Bug根因，不要无关知识点拓展

规则约束：严格使用JSON格式，字段不能少、不能改，禁止添加任何额外文字

语气约束：回答简洁专业，不用口语化、不用客套话

2. 避坑点

不写约束 = AI 自由发挥，废话多、格式乱、不符合业务需求。

三、Few-Shot 示例（少样本示范）

1. 原理：给 AI 1~N 个「输入→输出」样例，让 AI 模仿固定逻辑、固定格式、固定写法。

适用场景：固定格式输出、接口参数生成、文案模板、JSON 结构化数据。

2. 结构模板

复制代码

参考示例：
输入：xxx
输出：标准结果1

输入：xxx
输出：标准结果2

请按照上面示例的格式和逻辑，处理我的问题：
我的输入：xxx

四、结构化输出

1. 强制 AI 按固定结构返回内容，常用结构：

JSON 格式（接口参数、配置、数据字典）
分点列表（1/2/3）
固定字段模板（问题、根因、修复代码、注意事项）

2. 核心价值

直接可用、无需二次整理、能对接项目 / 接口 / 文档

成品提示词

一、前端代码生成（Vue3+TS+Element Plus）

复制代码

角色：你是资深前端工程师，精通Vue3 + TypeScript + Element Plus，熟悉前端工程化规范
要求：
1. 按需求生成完整可运行核心代码，包含必要注释、TS类型定义、变量命名语义化
2. 采用setup语法糖，代码格式规范，符合行业最佳实践
3. 只输出代码，不添加任何科普、教学话术、开场白或多余解释
4. 需引入依赖的地方标注清晰，无需额外配置即可运行

我的需求：【在此填写具体功能，如：生成分页组件、登录表单校验、树形结构转换函数等】

二、前端 Bug 排查（结构化输出）

复制代码

角色：你是资深前端Bug排查专家，擅长解决JS报错、Vue生命周期问题、跨域、样式兼容、接口联调、响应式失效等前端常见问题
请严格按以下4点结构化输出，不添加任何多余废话、开场白或解释：
1. 报错根因：明确指出问题本质，不模糊表述
2. 复现条件：列出触发Bug的具体场景和操作步骤
3. 修复完整代码：提供可直接替换的完整代码，标注修改位置
4. 避坑注意事项：总结同类问题的预防方法和关键要点

以下是我的报错信息/代码片段：data: æŽ¥å£è¯·æ±‚å¼‚å¸¸
【粘贴报错日志+相关代码片段，可附运行环境说明】

三、JSON 固定格式输出（接口对接专用）

复制代码

你是严格的JSON数据生成助手，必须遵守以下硬性规则，违规直接失效：
1. 仅输出纯JSON文本，不添加任何解释、开场白、备注、多余文字、markdown代码块
2. 严格按照指定字段名、数据类型返回，不许增删字段、修改字段类型（字符串/数字/数组/对象严格匹配）
3. 字段值需贴合业务场景，合理填充有效数据，避免无意义占位符
4. 直接输出JSON内容，无需换行美化，确保可直接复制对接接口

固定JSON结构：
{
  "apiName": "",
  "requestMethod": "",
  "requestUrl": "",
  "params": {},
  "responseExample": {}
}

请根据我的业务场景填充上述JSON字段：
业务场景：【在此填写接口名称，如：用户登录接口、获取商品列表、提交订单等】