猫窝私语 — Makumo's Blog

玛酷猫的温馨小窝,记录生活点点滴滴。

@玛酷猫8 小时前

03/7
23:11
AI

从零开始用AI搓网站(一)

书接上回,装好iFlow CLI后,本地新建了一个aiprojecct文件夹,打开终端,进入该文件夹。运行

iFlow
#会打开浏览器跳转到心流平台登录认证
/init

iFlow将自动分析文件夹现有的文件目录(虽然是个空的),并生成AGENTS.md文件,并将一些基本环境信息写入其中。最有意思的是它根据文件名,“猜测这可能是一个计划用于AI相关开发的Node.js项目”。(新建文件夹的时候建到Node_project文件夹下了)随后给出了建议步骤。

初始化完成给,我给了它一个简单的需求:这是一个网站项目,网站用途是练习C++语言,网站会显示一些题目,用户需要在指定区域用C++编写需要的程序,提交后,网站会根据输入输出结果判断用户编写程序是否正确。
iFlow分析完这个简单的需求,梳理功能,项目结构建议,开发步骤,并给出两个技术栈方案。

我再次询问:建议采用哪种语言编写
iFlow给出了它的建议和理由,并询问时候开始搭建

回答当然是开始搭建
紧接着就是iFlow的亿顿操作猛如虎

感觉这不是一会半会能结束了,就去干别的了。

——two thousand years later——

等我再回看来得时候,iFlow已经干完了,并给出了下一步操作

那当然是安装依赖并启动了
又是亿顿操作,然后和我说已经完成了,并给出了测试地址,同时还生成个3道测试题目,第一道题目还是最经典的“Hello World – 输出 “Hello, World!””
当我满怀期望的打开测试页面,等待我的是一片空白。。。。反馈给iFlow,iFlow先是发现缺少某个依赖,加上后再让我重试,刷新页面后依旧空白,再次检查后才发现缺少bundle.js的引用,再次让我刷新,这回不是空白了,出现了标题,但是练习题不显示,继续反馈给iFlow,iFlow在代码中添加了很多console.log日志输出排查,最终发现习题的json格式错误,修正后,页面显示终于正常了。并且给出了hello world习题的答案给我测试。

看到页面刷出来的时候,“amazing!”脱口而出,右边填写给出的答案,现实却是比较残酷的,测试结果直接是错误。
再次提交给iFlow,iFlow多次排查错误后,找到原因,没有C++的编译器,被给出了解决办法

然后最坑的地方到了,MinGW-w64官网下载速度慢的令人发指,于是用planB,使用MSYS2,这个现在倒是还能接受,安装完后,按照提示安装mingw

pacman -S mingw-w64-x86_64-gcc

安装也完成,也把bin添加到系统PATH环境变量
然后再终端测试c++,各种提示没有该命令,估计要重启电脑试试。
重启倒是不急,继续安排iFlow工作,生成项目文档、API文档、开发指南文档,随后创建git控制。由于要重启电脑,让iFlow将目前的对话内容保存起来,形成文档,方便以后查阅。
都处理完了,接下来就准备重启,看看如何解决C++编译器的问题了。

从零开始用AI搓网站(一)