【第3506期】开发者专用的 AI 提示词使用指南

正文

请到「今天看啥」查看全文

button >
) ;
}

请帮我分析：
1. 是不是状态更新没有触发重新渲染？
2. fetch 异步逻辑是否正确？
3. 是否缺少错误处理？
4. UI 不更新是否与 React batch update 有关？

请从根因角度分析，并建议修复方案。

2、理解 AI 生成的代码

千万不要盲目使用你看不懂的代码。这个提示词可以确保你真正明白你要加入项目的内容：

 你能详细解释一下你生成的代码吗：

 1. 这部分代码的作用是什么？
 2. 它是如何一步步实现功能的？
 3. 你考虑过哪些其他方案？为什么最终选择这个？

使用时机： 每一次使用 AI 生成的代码都应该这样做，绝不例外。你的未来自己会感激现在的你。

【早阅】在 AI 时代避免技能退化

示例：

你刚刚给了这段布局代码：

 .container{
display: grid;
grid-template-columns:repeat(auto-fill,minmax(200px, 1fr));
gap: 20px;
}

 请回答：
 1. 这个 Grid 布局适合什么场景？
 2. 它如何实现响应式？
 3. 如果我希望移动端每行只显示一个元素，应该怎么改？
 4. 与 flexbox 有什么区别，哪个更适合卡片类组件？

3、调试问题

当你真的卡住了，有时候需要跳出原有的思维 框架 。这个提示词能让你从多个角度系统性地排查问题：

 帮我调试这个问题：
 [代码和日志]

 从不同的角度，思考 5～7 个可能的原因。

 再从中筛选出 1～2 个最可能的来源。

 提出假设，并加入日志进行验证。

 最后给出详细分析，说明你为什么认为找到了问题的本质，它是如何发生的，以及最简单的修复方式。

使用时机： 面对难以解决的复杂问题时使用。它能迫使 AI 全局思考，而不是一开始就跳到某个具体解释上。

示例：

 问题描述：页面加载时 shouldShowModal 没有正确判断。

<template>
<Modal v-if="shouldShowModal"/>
</template>

<

请到「今天看啥」查看全文