开发效率翻倍,我的 AI 工具组合全家桶来了!

1,061 阅读4分钟

Hello,大家好,我是 Sunday。

最近不少同学问我关于 AI 开发工具 的事情,提到:

“现在 AI 开发工具一大堆,从 CopilotChatGPT,从插件IDE,全部试了个遍,效率也没提升上去,反而浪费了不少时间。”

咋办呢?

所以说,今天这篇文章,咱们就主要解决下 AI 提效的问题

我不做“工具大盘点”,也不搞“功能介绍合集”。而是给大家:真正能把开发效率拉满的 AI 工具组合,搭配场景、用法、Prompt。

超简的 Agent 方案:ChatGPT + Prompt(提示词工程) + 外部 API

这个方案的核心思路就是:把 ChatGPT 当成工程师,利用 Prompt 进行沟通,最后在通过 API 的方法来调用外部的工具,从而实现出一种 伪 Agent 智能体 的效果。

我们来看看这个组合怎么玩:

  • ChatGPT 插件系统:引入浏览器访问、代码执行、文件上传、API 请求等能力,打破“只能聊天”的局限;
  • 模板化 Prompt:你预先设计好结构化 Prompt 模板,比如“生成符合 REST 规范的接口文档 + TS 类型 + mock 数据 + 单元测试”;
  • 外部 API 组合:让它调用工具类 API,比如 faker.js、uuid、JSON schema validator,实现自动构造数据、校验结构等功能。

你把这些拼起来,就是一个 “真正可落地的 AI 开发执行单元”(注意有引号)。

咱们做一个示例,比如:

“我有一个产品详情接口,字段如下:title、price、images、description。请为我生成:

  • 前端 TS 类型定义;
  • 一个表单组件,用于后台编辑;
  • 一个使用 React Hook Form 构建的校验逻辑;
  • 一个 mock 数据接口,配合 MSW 使用。”

你会发现,ChatGPT 插件可以完成这整套任务,而且是一次性返回一整包文件内容,直接复制粘贴就能用。

甚至你可以让它写完之后自动保存成 .tsx.ts 文件,放到你的本地目录里。

这种方案比较适合:喜欢折腾的同学,毕竟它远没有下面两种方案简单。

最常见的组合方案:Cursor + Prompt(提示词工程)

我们先说清楚组合逻辑:

  • Cursor:一个带 AI 对话能力的 IDE,它能读懂你整个项目的上下文;
  • Prompt:你写给 AI 的“指令设计”,决定它能不能帮你搞定任务。

单独的 Cursor 其实就是一个已经集成的非常好的 AI 编程工具。而很多同学之所以觉得它不好使,本质上是因为 Prompt(提示词工程) 不太会用,说白了就是:“不会问 AI”。

因此,只需要对 Prompt(提示词工程)做好了解之后,那么你的使用效率可能就会翻倍了。

因此,在这里主要为大家分享一些 Prompt(提示词工程)的模板,以供大家参考。

项目重构类

  • “将以下组件拆分为逻辑层(Hook)和 UI 层,逻辑需具备单一职责,UI 保持纯粹渲染功能。”
  • “这段 useEffect 存在重复执行问题,请优化依赖项配置,并添加注释解释原理。”
  • “提取这段重复逻辑为一个可复用的函数,保持类型安全,并写一个基础单元测试。”

新功能开发类

  • “根据以下接口响应结构,生成一个自动渲染的表单组件,使用 Ant Design 表单组件,并自动推断字段类型。”
  • “请 scaffold 一个支持搜索筛选分页的 React 页面,后端接口已具备,请代入如下 API 定义。”
  • “构造一个符合 RESTful 结构的前端 API 请求封装,支持中间件和错误统一处理。”

老代码维护类

  • “解释这段组件的逻辑关系,用注释标出每一段负责的功能模块。”
  • “重构以下 class 写法为函数式组件,保留原有功能不变。”
  • “检查此逻辑中是否存在潜在的性能瓶颈或重复请求问题,并提出优化建议。”

PS 注意:

  • 模板 ≠ 死板,使用时请结合项目实际稍作调整;
  • Prompt 可以写得比你平时写需求更细,它就是给 AI 的“开发任务书”;
  • 强烈建议你维护一个自己的 Prompt 笔记库,随着项目成长越用越爽。

免费组合:Codeium(windsurf) + VSCode

大多数人都听过 Copilot,但很少有人知道,其实还有一个免费的替代方案,性能丝毫不差,有些地方甚至还更强。

它就是:Codeium(PS:现在已经改名为 windsurf,并提供了专门的 IDE 工具)。下面咱们都会以 windsurf 代表 Codeium

windsurf 是什么?

一句话介绍:它是一个免费、跨平台、支持多语言的 AI 自动补全插件,完美对接 VSCode、JetBrains、Neovim 等主流开发环境。

Copilot 对比,主打的就是一个全免费。

注册即用,不需要绑定信用卡、不限制功能,对于预算有限或者团队评估阶段的开发者非常友好。

同时,windsurf 在国内网络环境下的体验明显更好,没有那么卡顿。

最适合的使用场景

比较适合:需要生成大量重复逻辑,并且经济压力大的同学使用