企业官网建设流程全解析

昨天我还在教你怎么用Claude Code写代码，今天我已经让它帮我自动创建GitHub PR、查询生产数据库、甚至给我订了下午茶。

如果你昨天跟着我的教程学会了Claude Code的基础用法，恭喜你，你已经超越了80%的程序员。但说实话，那只是Claude Code的“单机模式”。

今天，我要带你进入真正的“联网模式”——MCP（Model Context Protocol）。有了它，Claude Code能从“本地代码编辑器”变成“全能开发助手”。

零基础全栈开发Java微服务版本实战-后端-前端-运维-实战企业级三个实战项目

一、 从“单机”到“联网”的质变

昨天我用Claude Code写了个宠物系统，很酷对吧？但今天早上，当我需要：

1. 把代码推送到GitHub
2. 查询数据库里的用户数据
3. 检查生产环境日志
4. 甚至…订个下午茶

我发现：没有MCP的Claude Code，就像没有网络的电脑——功能强大，但寸步难行。

于是我开始研究MCP，结果…

我：帮我查一下数据库里最近注册的用户 Claude：抱歉，我无法直接访问数据库 我：那帮我创建个GitHub PR？ Claude：抱歉，我无法连接到GitHub 我：...那你能干啥？ Claude：我只能读写本地文件

这就是没有MCP的Claude Code。

二、 MCP是什么？简单说就是“外挂接口”

MCP全称Model Context Protocol，你可以理解为：

给Claude Code插上的“USB接口”。

有了这些接口，Claude Code就能：

• ✅ 连接GitHub（自动创建PR、管理Issue）
• ✅ 访问数据库（查询、分析数据）
• ✅ 调用外部API（天气、地图、支付）
• ✅ 自动化浏览器（截图、测试）
• ✅ 甚至连接智能家居（没错，真的可以）

没有MCP：Claude Code = 本地代码编辑器
有了MCP：Claude Code = 你的私人开发团队

三、 5分钟安装：给你的Claude Code“插上翅膀”

零基础全栈开发Java微服务版本实战-后端-前端-运维-实战企业级三个实战项目

准备工作

确保你已经：

1. 安装了Claude Code（昨天的教程）
2. 有Node.js（node --version检查）
3. 网络通畅（国内可能需要代理）

安装步骤（避坑版）

第一步：找到配置文件

# Mac/Linuxopen~/.claude.json# Windowsnotepad %APPDATA%\Claude\claude_desktop_config.json

如果文件不存在，别慌，创建一个空的JSON文件：

{}

第二步：添加第一个MCP服务器（文件系统）

在配置文件中添加：

{"mcpServers":{"filesystem":{"command":"npx","args":["-y","@modelcontextprotocol/server-filesystem","/Users/你的用户名/Projects"]}}}

注意：把/Users/你的用户名/Projects换成你的项目目录路径。

第三步：重启Claude Code

# 退出exit# 重新启动claude

第四步：验证安装
在Claude Code中输入：

/mcp

如果看到filesystem已连接，恭喜你，MCP安装成功！

四、 必装的3个MCP服务器

1. GitHub MCP（代码协作必备）

"github":{"command":"npx","args":["-y","@modelcontextprotocol/server-github"],"env":{"GITHUB_PERSONAL_ACCESS_TOKEN":"你的token"}}

如何获取GitHub Token：

1. 访问github.com/settings/tokens
2. 点击"Generate new token"
3. 勾选repo、workflow、read:org
4. 复制token（格式：ghp_xxxxx）

有了它，你可以：

帮我创建PR，标题是"修复用户登录Bug" 列出仓库里所有open的issue 把当前分支推送到远程

2. SQLite MCP（数据库查询）

"sqlite":{"command":"npx","args":["-y","@modelcontextprotocol/server-sqlite","--db-path","./data/app.db"]}

有了它，你可以：

查询最近7天注册的用户 统计订单数量最多的商品 找出有Bug的用户反馈

3. Sequential Thinking MCP（任务分解）

"sequential-thinking":{"command":"npx","args":["-y","@modelcontextprotocol/server-sequential-thinking"]}

有了它，你可以：

帮我制定重构用户模块的详细计划 分析如何优化数据库性能 拆解这个复杂功能的需求

五、 实战：用MCP增强宠物系统

还记得昨天的宠物系统吗？今天我要用MCP让它“活”起来。

场景1：自动提交代码到GitHub

以前：

1. 手动git add .
2. 手动git commit -m "xxx"
3. 手动git push
4. 手动打开GitHub创建PR

现在：

帮我把宠物系统的代码提交到GitHub，创建PR，标题"添加宠物养成功能"，描述写详细点

Claude Code + MCP会自动：

1. 检查git状态
2. 创建新分支feature/pet-system
3. 提交所有更改
4. 推送到远程仓库
5. 创建PR并@相关同事

时间从5分钟缩短到30秒。

场景2：查询宠物数据

以前：

1. 打开数据库客户端
2. 写SQL：SELECT * FROM pets WHERE health < 50
3. 执行，复制结果
4. 分析数据

现在：

查询一下健康值低于50的宠物，按饥饿值排序

Claude Code + MCP会自动：

1. 连接SQLite数据库
2. 执行优化后的SQL
3. 返回格式化结果
4. 甚至给出建议：“有3只宠物健康值过低，建议立即喂食”

场景3：自动化测试报告

以前：

1. 运行测试
2. 手动截图失败用例
3. 写测试报告
4. 发到群里

现在：

运行所有测试，把失败用例截图，生成报告发到Slack

Claude Code + MCP会自动：

1. 运行测试套件
2. 对失败用例截图
3. 生成Markdown报告
4. 通过Slack MCP发送到频道

六、 我的MCP工作流

早上9:00：

查看今天有哪些GitHub issue需要处理

上午10:00：

运行测试，把失败用例发到Slack

下午2:00：

查询生产环境错误日志，分析根本原因

下午4:00：

帮我订杯咖啡，送到公司前台

下午6:00：

提交今天的所有代码，创建PR，@领导review

七、 避坑指南（血泪教训）

坑1：Windows路径问题

症状：filesystemMCP连接失败

错误配置：

"args":["C:\Users\小明\Projects"]# 反斜杠，错！

正确配置：

"args":["C:/Users/小明/Projects"]# 正斜杠，对！// 或"args":["C:\\Users\\小明\\Projects"]# 双反斜杠，也对！

坑2：GitHub Token权限不足

症状：能读不能写，创建PR失败

解决：重新生成Token，确保勾选：

• ✅ repo（完全控制仓库）
• ✅ workflow（操作GitHub Actions）
• ✅ read:org（读取组织信息）

坑3：MCP服务器冲突

症状：多个MCP服务器互相干扰

解决：用项目级配置，不要全塞在全局

# 在项目根目录创建mkdir.claudeecho'{}'>.claude/mcp.json

坑4：网络超时

症状：HTTP MCP连接失败

解决：国内用户配置代理

# 启动Claude Code前exporthttps_proxy=http://127.0.0.1:7890exporthttp_proxy=http://127.0.0.1:7890 claude

八、 效率提升数据（第三天）

最震撼的：昨天我让Claude Code写代码，今天我让它管理我的开发流程。