随着 gpt-engineer 暴涨 30k+ star,AI 编程工具正在从 copilot 的对话、补全往项目级代码生成发展,我也定制了个JS版本: @tgpt/dev。
你可以和 TA 进行反复对话交互开发,将其想象为通过命令行进行结对编程的助手。
显然,这会消耗大量的 token,不过我已经预设了默认免费的 openai_key,开箱即用。
在新目录或者已有项目中执行 setup,按照提示配置基础信息。
cd my-js-project
npx @tgpt/dev setup
如果你没特殊需求,可以一直回车,因为我已经预设了默认值,包括openai_key
, 可以在 config
中再次修改,如图:
https://i.imgur.com/MphLAm3.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
https://i.imgur.com/KRBEqjn.gif
AI 完成任务后,可能会发现错误?随时继续执行 prompt 通过让 AI 为你提供修复方案,或者告诉它如何修复,如此反复,直到满意。
响应效果受模型和提示词影响,gpt4 效果更佳,感兴趣也可以 clone @tgpt/dev 到本地调优 prompt 及模型参数。
对于简单繁复的文档编写感到乏味?可以让 AI 为你批量生成,提高你代码的可维护性。
可配置
config.src_dir
、config.src_include
过滤需要的文件
执行 code2spec
命令
cd my-js-project
npx @tgpt/dev code2spec
稍等片刻即可在 spec 文件夹查看批量生成的 CRUD 接口文档:
https://i.imgur.com/jsTqgCg.gif
新增 spec/README.md
详细描述你的需求,最好是列出每个需要的文件并描述功能,这样在构建更大型项目时才能准确满足你的需求,参考示例:Example
spec 格式:
README.md
必要<folder>/<filename>.<type>.md
可选,特定文件的 spec
执行 spec2code
命令
cd my-js-project
npx @tgpt/dev spec2code
可以看到我们让 AI 创建了一个简单的 h5网站 :
根据实践,目前它更适合帮助做一些批量转换 / 样板代码生成的工作,可以通过prompt持续调整,结合 copilot
完善细节,还在迭代优化, @tgpt/dev star 一下~