通过 AI 提升效率 -Trae/SKILL/MCP

用 AI 提升开发效率 — Trae IDE 实战指南

面向团队内部技术分享 | 2026-04-07


目录

  1. 为什么选 AI IDE

  2. Trae 搭建与配置

  3. MCP 实战接入

  4. Skills 引入与使用

  5. 效率提升实践建议


  1. 为什么选 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 协议,可扩展连接各类外部工具


  1. Trae 搭建与配置

2.1 下载安装

  1. 访问 Trae 官网(trae.ai),下载对应平台安装包

  2. 双击安装,默认选项即可

  3. 首次启动后登录账号(支持手机号、微信登录)

2.2 基础配置

安装完成后,建议进行以下配置:

选择 AI 模型:

进入 SettingsAI 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 对话时可以理解整个项目结构。


  1. 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_passwordmy_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