乐于分享
好东西不私藏

AI编程 | 用搭好的AI开发环境做第一个项目:公众号文章排版助手(2)(踩坑实录)

AI编程 | 用搭好的AI开发环境做第一个项目:公众号文章排版助手(2)(踩坑实录)
接上篇:AI编程 | 用搭好的AI开发环境做第一个项目:公众号文章排版助手(1)
不想看我安装(踩坑)步骤的,可以从第5条开始看~
1、方案A,早上打开电脑,停在37分钟,时间不走,以为是卡住(可能待机时间过长系统睡眠,程序就停了),就忙别的去了;
等11点多再看,就变成下图的提示,实际用了多久不清楚
2、选择推荐的选项:Standalone React Project,程序继续,连的手机热点,运行了30+分钟,去吃饭的时候带走了手机,电脑断网了。。
呜呜,重新开始。。
3、给出MVP实现计划,没注意最后用时,但30+分钟是有的,下面贴图连着看
4、给出肯定答复让Gemini退出Plan Mode,开始写代码
踩坑:这一步应该是要给Gemini肯定答复,它才退出Plan Mode开始写代码
我用的中文对话,可能不够直接,此处卡了2次,2次都3小时+,我以为Gemini是需要这么长时间干活。。
把截图发给ChatGPT,一开始怀疑卡死,我按ESC取消,又让它继续,结果这次4小时,依旧没结果且直接给报错了
PS: ChatGPT让我用英文更直接,我心想还不如中文。。
5、继续回到选方案A的步骤,上面的步骤并没有生成任何文件,跟ChatGPT互动后,
a. 在Projects下建了个新文件件叫wechat-layout-assistant,在这个路径下打开Gemini,
b. 发了下面的内容:(根据我给它的截图,ChatGPT自己总结的Gemini要实施的方案)
好消息:终于能正常工作了。。

6、新知识:Gemini CLI 的这种界面和普通终端不一样,它有两个输入区域:

  • 下面深灰色输入框
    :给 Gemini 发消息(例如“继续”“修改代码”)。
  • 上面的 Shell 框
    :给 npm、git 等命令输入内容。

下图提示,需要先按一次 Tab,再按 Enter,输入 y 再回车,程序继续

7、选Yes(ESLint),这一步问了ChatGPT,让我选Yes...,原因它也给了,结果误触,保持默认No...,程序继续go了。。。
选Yes原因:对于一个长期维护的 React + TypeScript 项目,ESLint 是目前更主流、更推荐的选择。

它的作用是:

  • 检查代码规范
  • 提前发现一些常见错误
  • 几乎所有 React 项目都会用

而 Oxlint 是比较新的工具,速度很快,但生态和兼容性还没有 ESLint 普及。

这一步过去还不能退回,真是坑坑不重样。。
还好,ChatGPT“安慰”我,可以后面让Gemini自己换ESLint,也不费事,那先继续吧
8、继续,依次写入的文件排序如下,每次写入会询问是否允许,默认是Allow Once,保持默认选项,回车就行
过程就不一一截图了,这几步很顺利,用时不多,每步约1-3分钟左右
WriteFile package.json
WriteFile vite.config.ts
WriteFile  Writing to tsconfig.json
WriteFile  Writing to index.html
9、安装npm依赖,按ChatGPT指示选择第2项,回车
又又又又翻车了~~
直接提示我额度限制。。 
跟ChatGPT互动后它给了一个建议,我觉得合理,大家可以参考:

以后不要让 Gemini 去执行:

  • npm install
  • npm create
  • git init

这些命令。

而是让它:

负责写代码

让终端:

负责执行命令

这是很多开发者的习惯,原因是:

  • AI 写代码很强;
  • 但 AI 代理执行 Shell 命令,受模型额度、API、权限影响比较大。
10、再次尝试
多次按Ctrl+C退出Gemini,回到终端,发现项目已经创建成功,GPT说npm依赖也安装成功

GPT建议重新进入Gemini,发给它图片里的内容,但结果依旧是额度受限

还是太年轻(小白),免费额度用完,歇菜。。

今天先到此为止,明天等额度恢复继续,GPT贴心的建议我每次只让它完成一个小步骤,并明确写上:不要长篇规划,不要自动重试,不要重新安装依赖。完成当前一个功能后立即停止并汇报。
GPT还推荐了用Cursor+Claude或它自己来完成后续代码,于我,我还想继续用Gemini做,这样有连贯性,后续有什么问题还能互动修正,不至于两头问两头改。。
好在今天有了重大进步,不算无功~
这里总结坑坑:
1、Gemini CLI运行时间不会很长,一般10-20分钟,短的1-3分钟,遇到1小时以上的,可以ESC退出,不需要等它
2、每一步操作尽量不要选错,这里我要记录一下,方便我后续跟Gemini说修正:第7步选Yes(ESLint)
3、不要让Gemini CLI执行shell命令安装依赖,它只负责写代码
可以看出来,没有ChatGPT,这些我都不知道怎么开始,遇到问题怎么解决,它的帮助很大,所以我给它付费了。。。
为知识付费值得,加油!!
明天继续Fighting!

相关学习资料