通过 AI 提升效率 -Trae/SKILL/MCP
用 AI 提升开发效率 — Trae IDE 实战指南
面向团队内部技术分享 | 2026-04-07
目录
–
- 为什么选 AI IDE
传统开发流程中,从需求分析到部署上线,每一步都依赖开发者手动完成。AI IDE 的出现改变了这个范式 —— 让 AI 深度参与编码、调试、测试和文档生成等环节,将开发者从重复劳动中解放出来,聚焦于架构设计和业务逻辑。
主流 AI IDE 对比:
| 特性 | Trae | Cursor | Windsurf |
|---|---|---|---|
| 基础 | VS Code 内核 | VS Code 内核 | VS Code 内核 |
| AI 模型 | Claude / GPT / DeepSeek 等 | Claude / GPT | Claude / GPT |
| MCP 支持 | ✅ 原生支持 | ✅ 支持 | ✅ 支持 |
| 中文体验 | ⭐ 国内团队优化 | 一般 | 一般 |
| 免费额度 | 较充裕 | 有限 | 有限 |
| 上下文理解 | 全项目索引 | 全项目索引 | 全项目索引 |
Trae 的核心优势:
-
国内可直接使用,无需特殊网络配置
-
中文交互体验优秀,理解中文需求更精准
-
免费额度充裕,团队试用成本低
-
原生支持 MCP 协议,可扩展连接各类外部工具
- Trae 搭建与配置
2.1 下载安装
-
访问 Trae 官网(trae.ai),下载对应平台安装包
-
双击安装,默认选项即可
-
首次启动后登录账号(支持手机号、微信登录)
2.2 基础配置
安装完成后,建议进行以下配置:
选择 AI 模型:
进入 Settings → AI Model,推荐配置:
主力模型:国外使用Claude 4 Sonnet(平衡速度与质量)
复杂任务:Claude 4 Opus(深度推理)
快速补全:GPT-4o-mini 或 DeepSeek(低延迟)
国内平替:GLM-5,阿里百炼
安装常用扩展:
Trae 兼容 VS Code 扩展生态,建议安装:
-
ESLint/Prettier— 代码规范 -
GitLens— Git 增强 -
Error Lens— 内联错误提示
2.3 项目导入
# 打开已有项目
File → Open Folder → 选择项目目录
# 或通过命令行
trae /path/to/your/project
Trae 会自动索引项目文件,建立代码上下文,后续 AI 对话时可以理解整个项目结构。
- MCP 实战接入
3.1 什么是 MCP
MCP(Model Context Protocol)是 Anthropic 提出的开放协议,让 AI 模型能够安全地连接外部工具和数据源。可以理解为 AI 的 "USB 接口" —— 通过标准化协议,AI 可以读写数据库、调用 API、搜索网页等。
核心概念:
-
MCP Client:AI IDE 本身(如 Trae),负责发起请求
-
MCP Server:轻量适配器,将外部服务暴露为标准化工具
-
Transport:通信方式,支持
stdio(本地进程)和SSE(远程 HTTP)
3.2 实操:在 Trae 中配置 MySQL MCP Server
⚡ 这是一个完整的实操步骤,跟着做即可让 AI 直接读写你的数据库。
前置条件:
# 确保已安装 Node.js(v18+)
node -v
# 确保 MySQL 服务运行中
mysql -u root -p -e "SELECT 1"
Step 1:打开 MCP 设置
在 Trae 中,通过以下路径进入 MCP 配置:
Settings → MCP → Add MCP Server
也可以通过快捷键 Ctrl+Shift+P,搜索 MCP 进入。
Step 2:添加 MCP Server 配置
选择 JSON 配置方式,填写以下内容:
{
"mcpServers": {
"mysql": {
"command": "npx",
"args": [
"-y",
"@benborla29/mcp-server-mysql"
],
"env": {
"MYSQL_HOST": "127.0.0.1",
"MYSQL_PORT": "3306",
"MYSQL_USER": "root",
"MYSQL_PASS": "your_password",
"MYSQL_DB": "my_database"
}
}
}
}
⚠️ 将
your_password和my_database替换为实际值。
Step 3:验证连接
保存配置后,重启 Trae。在 MCP 面板中应看到 mysql 服务状态为 Connected。
Step 4:在 AI 对话中使用
连接成功后,你可以直接用自然语言操作数据库:
💬 "查看 users 表有多少条记录"
💬 "帮我写一个查询,找出最近7天注册的用户"
💬 "分析 orders 表的字段结构,给出优化建议"
AI 会自动调用 MCP 工具执行 SQL 查询,并返回结构化结果。
3.3 更多 MCP Server 推荐
| MCP Server | 用途 | 安装方式 |
|---|---|---|
@modelcontextprotocol/server-filesystem |
文件系统读写 | npx -y @modelcontextprotocol/server-filesystem |
@anthropic/mcp-server-brave-search |
网页搜索 | npx -y @anthropic/mcp-server-brave-search |
@modelcontextprotocol/server-github |
GitHub 操作 | npx -y @modelcontextprotocol/server-github |
@playwright/mcp |
浏览器自动化 | npx -y @playwright/mcp |
配置方式相同,只需在 mcpServers 中新增对应的 server 配置块。
📄 本文档由 AI 辅助生成 | 最后更新:2026-04-07
AI 开发效率指南.zip