头图

最近 gpt-engineer 暴涨 30k+ star,AI 编程工具正在从 对话&补全,往 项目级代码生成 发展。

你可以和 TA 进行反复对话交互开发,将其想象为通过命令行进行结对编程的助手。

显然,这会消耗大量的 token,不过我已经预设了默认免费的 openai_key,开箱即用,快来试试吧:@tgpt/dev

功能

初始化

在新目录或者已有项目中执行 setup,按照提示配置基础信息。

cd my-js-project
npx @tgpt/dev setup

如果你没特殊需求,可以一直回车,因为我已经预设了默认值,包括openai_key, 可以在 config 中再次修改,如图:

tgpt-setup.gif

感兴趣的同学也可以 clone @tgpt/dev 到本地进行开发调试。

git clone git@github.com:T-Macgrady/tgpt-dev.git
cd tgpt-dev
pnpm i
tgpt-dev setup / npm link

根据提示生成代码

适合根据简短提示需求(中英文都可以)生成基础样板代码/草稿,再逐步优化。

cd my-js-project
npx @tgpt/dev prompt

告诉它你想做什么,如果你没啥头绪,可以直接回车,它会读取当前代码并提供建议。这个过程需要反复请求,稍等片刻~

如下图我让他创建 express CRUD 的样板代码,可以看到生成的结果:controller/route/middleware/model

tgpt-prompt-express_1.gif

AI 完成任务后,可能会发现错误?执行 prompt 让 AI 为你提供修复方案,或者告诉它如何修复,如此反复,直到满意。

响应效果受模型和提示词影响,gpt4 效果更佳,感兴趣也可以 clone @tgpt/dev 到本地调优 prompt 及模型参数。

根据代码生成文档

对于简单繁复的文档编写感到乏味?可以让 AI 为你批量生成,提高你代码的可维护性。

可配置 config.src_dirconfig.src_include 过滤需要的文件

执行 code2spec 命令

cd my-js-project
npx @tgpt/dev code2spec

稍等片刻即可在 spec 文件夹查看批量生成的CRUD接口文档:

tgpt-code2spec.gif

根据文档生成代码

新增 spec/README.md 详细描述你的需求,最好是列出每个需要的文件并描述功能,这样在构建更大型项目时才能准确满足你的需求,参考示例:Example

spec 格式:

  • README.md 必要
  • <folder>/<filename>.<type>.md 可选,特定文件的 spec

执行 spec2code 命令

cd my-js-project
npx @tgpt/dev spec2code

可以看到我们让AI创建了一个h5小游戏:

tgpt-spec2code.jpg

总结

根据实践,目前它更适合帮助做一些批量转换 / 样板代码生成的工作,结合 copilot 完善细节,还在迭代优化,可以 @tgpt/dev star 一下~


海阔天空_mac
2 声望0 粉丝