今天试用了 vscode + copilot 从 0 开发一个 todo-list ,纯自然语言编程。过程如下:
- 创建前端组件,纯前端 todo-list 功能,没问题
- 改用 shadcnUI 组件库,没问题
- 增加黑白主题功能,没问题。有让它调整切换 button 的位置,也没问题
- 拆分 todoList 组件为多个小组件,没问题
- 基于这些组件写单元测试,没问题
- 创建服务端 API 实现 todos CRUD ,没问题 (还写了 API 的单元测试)

当我认为一切都顺利的时候,重点来了!
- 让它把这些 API 应用于前端,它开始疯狂计算... 最终实现了,但后续我发现单元测试报错了
- 告诉它单元测试又问题,它又开始疯狂计算... 最终解决了,但浏览器中 todo list 功能有报错
- 再告诉它功能报错,且要保证单元测试成功,它又又疯狂计算... 结束以后单元测试成功,但网页功能仍然报错

我先忽略网页功能错误(修改删除时 404,不影响使用),继续:
- 新建 todo 时增加选择日期时间功能,没问题
- 选择日期的 input 宽度超出父元素了,让它修复,没问题
- 日历 UI 格式太难看了,截图给它,让它优化,没效果...
- 告诉它没效果,让它直接使用 shadcnUI 的 date-picker 组件,疯狂计算 5 分钟,依然没效果...
- 继续告诉它没效果,继续提示它使用shadcnUI 的 date-picker 组件,这次效果非常好!
- 根据 todo item 时间,判断是否延期,没问题
- 编辑 todo item 时,也要编辑日期时间,没问题 —— 不对,它光改了前端,没改服务端 API 代码
- 告诉它检查 API 代码,它增加了服务端代码 —— 但是数据没存储下来,刷新页面就丢失了

今天先到此为止。总体的感觉是:又智能又傻瓜,熟练使用还是需要很多技巧的。
展开
前端双越老师于2025-07-20 09:28发布的图片
前端双越老师于2025-07-20 09:28发布的图片
7