最近做项目的时候,越来越离不开 AI 辅助编程了。说实话,光是能写代码还不够,更重要的是怎么指挥它干活。趁着周末有空,我把这段时间摸索出来的 Claude Code 使用心得整理了一下,不是那种官方文档式的枯燥说明,而是直接能落地的干活经验。

为什么 Claude 值得专门聊聊

市面上 AI 编程工具不少,但 Claude 在处理长上下文和理解复杂代码逻辑方面,确实有它的独到之处。特别是作为开发者,我们往往不需要它从零开始写一个 Hello World,而是希望它读懂现有的一堆屎山代码,然后能精准地修改或者解释。

核心工作流:从 0 到 1 的实战套路

1. 项目初始化与上下文注入

别上来就让它“写个电商网站”,它不是魔术师。最高效的方式是把项目结构先喂给它。

推荐 Prompt:

我正在开发一个 [项目类型,如 React 后台管理系统]。请先阅读 /src 目录下的所有文件,理解我们的项目架构、状态管理方案以及组件复用逻辑。阅读完成后,请简要总结你对我们代码风格的理解,并等待我的下一步指令。

这样做的好处: 强行让它先“预习”,理解你的代码规范,避免后面出现你写 Java 风格的代码,它给你补 Python 风格的尴尬。

2. 模块化开发与功能实现

当需要开发新功能时,明确上下文是关键。

推荐 Prompt:

基于刚才理解的项目架构,我需要新增一个 [具体功能,如用户导出 Excel] 的功能。请生成相关的代码文件,包含前端组件和后端接口定义。注意:

  1. 代码风格要保持与现有文件一致;
  2. 复用项目中已有的工具函数;
  3. 不要使用项目中未安装的第三方库;
  4. 生成代码后,请列出需要的路由配置修改点。

实战技巧: 约束条件给得越细,它生成的代码就越不需要你二次返工。

3. 代码重构与优化

这是最费脑子但 AI 最擅长的事。

推荐 Prompt:

请分析 component/OldFeature.tsx 文件。代码逻辑现在比较冗余,且可读性较差。请帮我重构这段代码:

  1. 将复杂的逻辑拆分为独立的辅助函数;
  2. 添加必要的 JSDoc 注释;
  3. 优化变量命名,使其更具语义化;
  4. 确保重构后的功能与原逻辑完全一致。 请只输出修改后的完整代码,不要解释具体改动了哪里。

避坑指南: 很多时候 AI 喜欢写一大段解释文字,最后还得自己去代码里找。直接告诉它“不要解释,只要代码”,效率直接起飞。

常用 Prompt 泛用模板(复制即用)

为了方便大家直接上手,这里总结几个通用的模板,大家在 Termial 或者 IDE 里用的时候可以直接改改括号里的内容。

Bug 修复神器

 报错信息如下: [粘贴报错 log]

相关代码文件路径:[文件路径]

请分析导致此报错的原因,并提供修复方案。如果需要修改代码,请直接输出修改后的完整函数或文件内容。 

单元测试生成

 请为 utils/dateHelper.js 文件中的所有公共函数编写单元测试。 测试框架使用 Jest。 请覆盖以下边界情况:[列出边界情况,如闰年、空值处理等]。 

代码转译/语言迁移

 请将以下 JavaScript 代码转换为 TypeScript。 要求:

  1. 为所有函数参数和返回值定义准确的类型(Interface 或 Type)。
  2. 避免使用 any,除非无法推断类型。 原代码: [粘贴代码] 

进阶使用心法

学会“分段式”对话

如果需求特别复杂,不要指望一个 Prompt 解决所有问题。把它拆成三步走:

  1. 规划阶段:“我要做个 X 功能,你先给我列个实现思路和技术选型。”
  2. 编码阶段:“按照刚才的思路,先写核心逻辑部分。”
  3. 整合阶段:“现在把刚才写的逻辑整合到入口文件中。”

利用 Artifacts 快速预览

遇到 UI 组件开发,让 Claude 直接生成 Artifacts 预览。看着视觉效果改代码,比凭空想象要快得多。

建立私有知识库(伪)

虽然它不能永久记忆你的上下文,但你可以把项目的 README.md 或者设计文档贴给它,让它在这个 Session 内充当“架构师”的角色。

结语

工具终究是工具,Claude Code 不会替代程序员,但“会用 Claude Code 的程序员”肯定会比“不会用”的效率高出不少。上面这些工作流也不是金科玉律,大家在实际写代码的过程中,按照自己的习惯微调一下,摸索出最适合自己的那一套 Prompts 才是最重要的。

如果你觉得这些模板有用,不妨收藏一下,下次写代码直接拿出来改改,省下来的摸鱼时间岂不美哉?

标签: none

AI Skills Smart Station on Nick Launches

评论已关闭