开发者提示工程实用指南

问一个问题，得到一段代码片段，复制粘贴，完成。

除了……它并没有真正完成。一半的时间，代码会崩溃。或者它是过度设计的。或者缺乏上下文。

那时我意识到：这不是 AI 的错——是我的错。

不是因为我是个糟糕的开发者。而是因为我提出了糟糕的问题。

1、我在提示工程中的突破性发现

一个周末，我正在用 React 构建一个博客应用。时间紧迫。我想快速搭建一个带有 Redux Toolkit、Formik 和 Yup 的登录页面。

我在 ChatGPT 中输入了以下内容，以使用这些工具构建一个博客应用程序：

"给我一个带有 Redux Toolkit 的 React 登录表单。"

我得到的结果是……功能上可行，但很通用。没有表单验证。没有结构。没有异步逻辑，也没有适当的文件夹和文件结构。

然后，我改变了我的方法。我添加了更多的上下文并详细说明了需求：

"我正在用 React、Redux Toolkit 和 Formik 构建一个博客应用。我需要一个带有异步登录处理、使用 Yup 进行表单验证以及错误提示通知的登录页面。代码应模块化，并遵循最佳实践。"

输出结果？

干净的代码。逻辑结构合理的文件夹和文件。所有边缘情况都得到了处理。
那一刻，我爱上了提示工程。

2、当我开始写更好的提示时发生了什么变化

从那天起，我不再“提问”，而是开始“下达指令”。

我开始这样做：

• ✅ 提供 上下文——我在构建什么，我使用哪些库。
• ✅ 指定 要求——验证、异步行为、UI 反馈。
• ✅ 提到 首选技术栈——Tailwind、TypeScript、Redux 等。
• ✅ 请求 模块化——组件、文件结构、最佳实践。
• ✅ 要求 现实世界模式——错误处理、加载状态、清晰架构。

突然间，AI 成为了一名 合作者，而不仅仅是一个代码工厂。

3、实际提示示例

❌ 之前：

"创建一个带有 React 的待办事项应用。"

✅ 之后：

"生成一个模块化的 React（TypeScript）待办事项应用，使用函数式组件、钩子（useState、useEffect）、Tailwind CSS 进行样式设置，并使用 localStorage 进行持久化。使用单独的 TodoList 和 TodoItem 组件，保持逻辑清晰。"

❌ 之前：

"给我一些用于用户登录的 SQL 查询。"

✅ 之后：

"编写安全的 MySQL 查询来检查用户登录凭据。使用预处理语句避免 SQL 注入，并解释如何在 Node.js 中使用 bcrypt 对密码进行哈希存储。"

看到区别了吗？AI 在你像指导初级开发人员一样引导它时表现最佳。 清楚、详细、有目的。

3、前端开发人员提示

📝 组件创建

✅ "使用 Tailwind CSS 创建一个可重用的 Button 组件。它应该接受大小（sm、md、lg）、变体（primary、secondary、outline）的属性，并支持禁用状态。"

🧪 单元测试

✅ "使用 React Testing Library 和 Jest 为自定义 Modal 组件编写单元测试。测试应检查打开/关闭行为和键盘可访问性。"

⚡️ UI 行为

✅ "在 React 中，构建一个在向下滚动时隐藏并在向上滚动时重新出现的导航栏。仅使用 TypeScript 和 React Hooks。"

4、后端开发人员提示

🔐 认证

✅ "编写一个安全的 Node.js Express 登录路由。使用 bcrypt 比较哈希密码，使用 JWT 进行会话令牌，并进行适当的错误处理。"

📦 API 设计

✅ "使用 Express 和 MySQL 为博客应用设计 RESTful CRUD API 路由。使用分离的路由、控制器和服务层遵循 MVC 模式。"

🧪 后端测试

✅ "使用 Supertest 和 Jest 编写 Express 路由的集成测试。包括 GET、POST、PUT、DELETE 端点的测试。"

5、全栈项目提示

📁 文件结构

✅ "为 MERN 栈博客应用生成一个清晰的文件结构。包括 routes、controllers、models、middleware 和 utils 文件夹。添加一个 README.md 并附上设置说明。"

🔄 实时功能

✅ "在 MERN 应用中实现一个实时评论系统。使用 Socket.io 广播新评论给连接的用户，无需刷新页面。"

6、高级提示技术

想从 GPT 中获得更好的结果吗？试试这些高级技巧：

✅ 像人类一样添加上下文

"我正在做一个帮助用户跟踪支出的项目。前端是 React，后端是 Node.js，我使用的是 MongoDB。我需要一个函数……"

为什么有效：GPT 根据你的环境定制输出。

✅ 使用逐步格式

"步骤 1：创建博客文章模型。步骤 2：设置路由。步骤 3：添加控制器逻辑。按此顺序继续……"

为什么有效：GPT 按照你的 思维过程 像队友一样操作。

✅ 定义输出格式

"只返回 React 组件的代码，不要解释。将代码包裹在三个反引号内。"

为什么有效：你 控制格式，节省时间。

✅ 要求改进

"这是我的现有代码。建议改进性能、可读性和安全性。"

为什么有效：GPT 成为你 高级代码审查员。

✅模拟角色

"扮演一位高级 React 开发人员，审查初级开发人员的代码。就架构和代码质量给出反馈。"

为什么有效：角色模拟激活了 GPT 中的 情境专业知识。

7、小提示模板（保存这些！）

🧩 项目框架

"使用 React、Tailwind、Express 和 MongoDB 创建一个全栈应用框架。包括前端文件夹结构、后端 API 路由和 package.json 文件。"

🧼 清理代码重构

"重构以下函数以提高可读性并减少嵌套条件。"

📜 文档生成器

"为以下函数编写详细的 JSDoc 注释，并生成设置说明的 README 指南。"

8、收获

• 提示工程是一项技能，而不是一种捷径。
• AI 对 具体、结构化且有上下文的提示 反应最佳。
• 把 AI 当作聪明的实习生——当你给它明确的任务时，它表现最好。
• 写提示时，就像你在分配任务，而不是提问。

原文链接：A practical guide for developers to write smarter prompts and supercharge coding with AI

汇智网翻译整理，转载请标明出处