> ## Content Index
> Fetch the complete content index at: https://www.hubwiz.com/blog/llms.txt
> Use this file to discover other available public pages before exploring further.

# 开发者提示工程实用指南
- URL: https://www.hubwiz.com/blog/practical-prompt-engineering-guide-for-developers/
- Published: 2025-04-11T02:13:14.000Z
- Updated: 2025-04-11T02:13:14.000Z
- Description: 学习顶级开发人员使用的技巧，以获得更干净、更快、更智能的 AI 生成代码
- Author: admin
- Tags: PROMPT ENGINEERING, #Import 2026-10-14 14:41

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

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

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

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

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

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

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

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

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

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

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

**输出结果？**

![](https://www.hubwiz.com/blog/content/images/2025/04/image-159.png)

![](https://www.hubwiz.com/blog/content/images/2025/04/image-160.png)

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

## 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*](http://socket.io/?ref=hubwiz.com) *广播新评论给连接的用户，无需刷新页面。"*

## 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](https://medium.com/lets-code-future/a-practical-guide-for-developers-to-write-smarter-prompts-and-supercharge-coding-with-ai-a8a587db7030?ref=hubwiz.com)

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