前言：做了 10 年前端，从 Vue、React 一路走过来，最近正式转向 AI 应用、智能体开发。踩了不少坑之后，梳理出 Vibe Coding 第一阶段的基础环境和能力清单。本文不推荐 Cursor、VSCode，核心编码工具选择 Claude Code，Windows / Mac 通用，终端 Windows 用 cmd 就够用，同时纳入Python + Node.js，适合和我一样前端转 AI 方向的同学。
一、核心软件清单（Windows / Mac 通用）
1. Claude Code（核心编码工具）
这是我现阶段 Vibe Coding 的主力工具，不使用 Cursor、VSCode。 简单说下选择理由：Claude Code 原生面向大模型驱动编码，长文本理解、跨文件批量修改、复杂逻辑梳理能力很强，很贴合 Vibe Coding “用自然语言主导开发” 的思路，不用在 IDE 插件、配置上耗费太多精力，把重心放在需求描述和工程把控上。
2. Python（必备运行环境）
AI 应用、智能体、工具调用、Agent 后端大多离不开 Python，第一阶段直接装好。
- Windows：官网下载安装包，安装时勾选 Add Python to PATH，装好后 cmd 里输入
python --version验证 - Mac：可以官网安装或者 brew 安装，装好终端执行
python3 --version
第一阶段不用折腾 conda、虚拟环境管理先，能直接跑脚本、安装 pip 包即可，后面进阶再补。
- 配套：pip（Python 自带包管理器，用来安装 fastapi、requests、openai、langchain 这类 AI 相关库）
3. Node.js（前端老本行，必须保留）
毕竟是 10 年前端底子，很多 AI 插件、前端交互页面、Agent Web 客户端、部分 AI SDK 都依赖 Node。
不使用 nvm-windows，直接官网下载对应系统安装包，默认配置即可。
- Windows：cmd 验证
node -v、npm -v - Mac：官网安装 /brew 安装，终端验证
node -v - 配套：npm/yarn/pnpm，用来装 Vue、React、前端 SDK、代理服务等
第一阶段目标：可以跑前端项目、执行简单 node 脚本、安装依赖，版本不用追最新稳定版就行。
4. 终端
- Windows：直接用系统自带cmd就足够第一阶段使用，不用额外装 PowerShell、WSL、Terminal（想换后面再说）
- Mac：自带 Terminal
5. Git + Git Bash（Windows 可选，Mac 自带 git）
版本控制必备，Vibe Coding 很容易反复让 AI 改代码，每一轮改动提交记录非常重要，避免写崩回不去。 验证命令：git --version
6. 浏览器（Chrome / Edge）
前端底子还会用上，用来调试 AI 应用页面、接口预览、看文档、测试 Web 智能体前端交互。
7. 笔记工具（可选）
用来沉淀 prompt、记录报错、保存 AI 给出的方案，Obsidian、Notion、语雀都行，看个人习惯。
二、第一阶段核心技能（Vibe Coding 重点，前端转 AI 友好）
先说明：Vibe Coding 不是完全丢开代码，而是你做架构和需求决策者，AI 做编码执行者，你必须看得懂、能校验、能修正。
- Python 基础语法不用一下子精通爬虫、深度学习。第一阶段目标：看懂简单脚本、会写函数、读懂导入包、看懂接口代码，会用 pip 安装依赖，能看懂报错堆栈。优先熟悉：变量、函数、json 处理、requests 请求、简单 FastAPI 接口。
- Node.js 基础（你的优势项）不用重新啃底层。重点：CommonJS / ESM、异步 async/await、读取文件、http 简单服务、npm 依赖管理。 很多场景：Node 做前端交互层、中转服务，Python 跑 Agent 核心逻辑，两者配合是很常见的组合。
- 高质量 Prompt 编写能力（Vibe Coding 重中之重）学会给 Claude Code 清晰指令：项目目标、技术约束、文件范围、返回格式、不要做什么。 前端同学优势：我们天然懂需求、懂交互，把产品思维转化成编码提示词。
- 基础工程认知看懂项目目录结构；区分
requirements.txt（Python）和package.json（Node）；知道怎么启动两种服务、看控制台报错；会用 git 提交、回滚。 - 接口基础（前端优势项）HTTP、GET/POST、JSON、请求响应。之前写前端对接后端的经验直接复用，现在看懂、调试 Python/Node 写的 AI 后端接口，理解大模型调用链路。
- 校验与排错能力AI 写出来的代码大概率有 bug，不要无脑直接跑。你要会看报错信息，把错误信息丢回给 Claude Code 让它修复，而不是指望一次写对。
三、第一阶段实战小目标（检验是否入门）
- 环境全部装好：Claude Code 可用、python、pip、node、npm、git 命令都能正常在终端唤起
- 用 Claude Code 生成一段 Python 脚本，调用大模型接口，拿到返回结果并打印
- 基于脚本，让 AI 改成一个简单 FastAPI 接口，本地启动
- 再用 Node 写一个简单前端中转服务，前端页面调用这个 Python AI 接口，打通前后端
- 每一次改动用 git 提交，保留版本
四、踩坑提醒（前端转行血泪总结）
- Windows 这边，cmd 足够入门，不用一开始强行上 WSL，增加学习负担；
- Python 安装一定要勾选加到环境变量，不然 cmd 识别不到 python 命令；
- Node 直接官网装稳定版，不使用 nvm-windows，减少入门阶段配置负担；
- 不要沉迷折腾各种 AI IDE 插件，第一阶段核心练：怎么说清楚需求，怎么校验 AI 产出；
- Claude Code 适合长上下文项目，但是也要学会拆分任务，不要一次性丢超大需求；
- 不要丢掉前端优势，很多 AI 智能体最后都需要 Web 交互页面，Node + 前端就是你的杀手锏。
五、写在最后
Vibe Coding 不是 “不用写代码”，而是编码范式变了。以前我们自己敲代码实现需求；现在我们负责定义规则、验收结果、把控风险，Claude Code 帮我们落地实现。 作为 10 年前端，Node 是我们的舒适区，再补齐 Python 基础和 Agent 相关知识，用 Node 做交互层、Python 跑智能体逻辑，转型 AI 应用、智能体开发是很顺的一条路。第一阶段不求高深，先把两套环境跑通，建立和 AI 协同编码的手感。
如果你也是前端转 AI / 智能体开发，Windows 或 Mac 平台，欢迎评论区交流你的 Vibe Coding 踩坑经历。
