【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. 核心价值直接可用、无需二次整理、能对接项目 / 接口 / 文档成品提示词一、前端代码生成Vue3TSElement 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字段 业务场景【在此填写接口名称如用户登录接口、获取商品列表、提交订单等】