发布时间:
记录在 Windows 上快速搭好 Claude 开发环境的四步流程，只放最关键的命令。
准备工作 #
| 软件 | 用途 | 是否必需 |
|---|---|---|
| Node.js | 运行 Claude / image-mcp | 必需 |
| Git | 拉取代码 | 必需 |
一、安装 Node.js #
到 Node.js 官网 下载 LTS 版安装包，一路下一步即可。
验证：
node -v
npm -v也可用 nvm-windows 管理多版本：
nvm install lts && nvm use lts。
二、安装 Claude Code #
全局安装 Claude Code CLI：
npm install -g @anthropic-ai/claude-code验证并登录：
claude首次运行按提示登录账号，进入交互界面即安装成功。
三、安装 CodeGraph #
CodeGraph 用于给代码仓库建索引，让 Claude 快速理解代码结构。
全局安装：
npm install -g codegraph在项目根目录初始化索引：
codegraph init完成后仓库下会出现 .codegraph/ 目录，即可使用：
codegraph explore "你要查的符号或问题"
codegraph node <符号或文件>四、安装 image-mcp #
image-mcp 是视觉识别 MCP 服务器，封装了 Claude / 智谱 / Ollama 三套视觉 API。
直接用 npx 运行，无需克隆：
npx @systemmin/image-mcp或在 MCP 客户端配置中添加该命令即可启用。
五、安装 chrome-devtools-mcp #
chrome-devtools-mcp 是 Google 官方的浏览器调试 MCP 服务器，提供页面快照、点击/填写表单、网络请求、性能分析、Lighthouse 审计等能力。
直接用 npx 运行：
npx chrome-devtools-mcp总结 #
四步走完即可：
# 1. Node（官网下载）
# 2. Claude
npm install -g @anthropic-ai/claude-code
# 3. CodeGraph
npm install -g codegraph
codegraph init
# 4. image-mcp
npx @systemmin/image-mcp
# 5. chrome-devtools-mcp
npx chrome-devtools-mcp