从零手写Cursor同款编程Agent：LangChain+Node实现全自动创建React TodoList

前言

很多开发者用过Cursor、Claude Code后很好奇：AI怎么能自动创建项目、读写代码、执行npm命令？

单纯调用LLM接口只能输出文字，没法操作本地文件、终端，这就是裸大模型最大痛点。

我踩过无数坑：串行调用工具任务卡顿、命令执行路径错乱、文件写入丢失目录、模型幻觉调用不存在工具。

本文完整复刻工业级编程Agent，封装4个核心文件/终端工具，用Promise.all并发批量执行工具，实现一句话让AI完整搭建Vite+React TodoList。

读完你能收获：

1. 搞懂Agent底层公式：Agent = LLM + Tools + ReAct循环
2. 4套可复用生产工具：读/写文件、遍历目录、执行终端命令
3. Promise.all并行优化多工具调用，性能大幅提升
4. 完整ReAct循环逻辑，自动多轮调用工具直到任务完成
5. 真实可运行Demo：AI自主创建、编码、启动前端项目
6. 工具开发全流程避坑清单

一、先搞懂：裸LLM为什么做不了自动化编码？

原生大模型天生3个硬缺陷，无法独立完成开发任务：

1. 无状态（stateless）：不会记忆项目目录、历史操作，每次对话清空上下文
2. 无操作权限：只能输出文本，不能读写本地文件、执行npm、cd等系统命令
3. 不会自主规划：复杂任务不会拆分步骤，不会分步查看目录、创建文件、运行项目

Agent核心公式

Agent = LLM大脑 + Memory记忆 + File/CLI工具 + RAG知识库

工具就是给大模型装上手脚，让AI自主操作本地环境，完成完整开发流程。

编程Agent完整执行流程（ReAct范式）

1. 用户下达需求（创建React TodoList）
2. LLM推理规划：需要查看目录、创建项目、写入代码、运行启动命令
3. 生成tool_calls工具调用数组，包含工具名、参数、唯一ID
4. 后端并行执行全部工具，捕获异常，统一收集执行结果
5. 结果注入Prompt上下文，触发下一轮LLM推理
6. 循环直到任务完成或达到最大轮次