大模型——用Trae创建一个MCP Server 并调用生成一个网页

最新推荐文章于 2025-05-08 10:04:30 发布
最新推荐文章于 2025-05-08 10:04:30 发布
阅读量521 收藏
点赞数 22
分类专栏： 大模型 文章标签： 人工智能 大模型 trae
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/king14bhhb/article/details/147751669
版权

教你用Trae创建一个MCP Server 并调用生成一个网页

Trae 是字节出品的免费国产 AI 原生 IDE，今天它正式更新了一波重磅功能！

首先，Trae 的名字就很有意思：The Real AI Engineer，真正的 AI 工程师。它不只是一个能写代码的 AI，而是一个能理解你意图、帮你规划项目、解决问题的全方位 AI 开发伙伴。

这次更新最让我震撼的是三个核心功能：

    1. 智能体系统：可以自定义专属 AI 团队
    1. MCP 工具链：国内首个支持 MCP 的 AI IDE
    1. 智能上下文：让 AI 更懂你的需求和项目

Trae 支持 Agent 和 MCP 模式是最大的亮点，咱们的这个教程重点针对这两点来测试。

用 Trae 的 AI Coding 能力快速帮助我们完成编码，把 Coze 工作流包成 MCP Server，并在 Trae 中原生支持使用。

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Trae 史诗级迭代，智能体、规则、MCP 强势入驻
lichunchuan1的博客
05-04 993
它类似于 https 协议，二者均为约定规则的通用框架，只是功能各异 ——https 协议用于用户与 https 服务端交互，而 MCP 则服务于大模型与 MCP 服务间的通信，本质上都是客户端与服务端沟通的纽带。申请成功后，将获取到的服务端 AK 复制并妥善保存，这是后续配置的关键信息。点击手动配置后，弹出一个JSON配置输入框，接下来其实步骤跟从市场配置是一样的，你只要找到需要的MCP Server的JSON配置复制到手动配置输入框，点击确认就可以了，下面我以百度地图MCP服务为例来进行说明。
MCP的概念、代码实现、服务配置、agent调用
qq_41880979的博客
04-28 874
MCP的概念、代码实现、服务配置、agent调用。
【MCP】第二篇：IDE革命——用MCP构建下一代智能工具链
likunxing的博客
04-23 1034
三大主流IDE（Trae CN、VSCode、Cursor）集成MCP的实战方案
Trae 支持配置 DeepSeek V3 最新版、Cursor + MCP 的冲击丨AI Coding 周刊第 1 期
weixin_42303638的博客
04-01 1031
最新的。
借助MCP实现自动化测试：思路全解析
Da_Zhuang的博客
04-10 1257
对测试人员：无需精通复杂代码，通过自然语言提示词即可设计测试流程，聚焦业务逻辑而非技术实现。对开发团队：通过标准化MCP服务接口，快速接入不同测试工具（Web/APP/桌面端），实现跨平台测试的统一管理。对企业：降低自动化测试门槛，加速CI/CD（持续集成/持续部署）流程，让“全链路自动化测试”从高端技术转化为普惠工具。随着大模型与MCP生态的深度融合，未来的自动化测试将更加智能——不仅能执行预设步骤，还能通过历史测试数据自主优化提示词、动态调整测试策略，真正实现“AI驱动的自动化测试”。
玩转MCP | 一文看懂如何在 Trae IDE 中解锁 MCP
volcenginetod的博客
04-27 706
未来，随着 Trae IDE 可集成的外部工具的持续扩充，我们将看到越来越多的任务可以交由 AI 自主完成，从设计、编码、调试，到部署与文档编写，Trae IDE 将陪伴你真正迈向“智能无限”的协作开发时代。新版本中，Trae IDE 的自定义智能体能力让 AI 能够基于开发者需求灵活调度多维度的工具和资源，从而为任务提供全方位的支持，只需@一下即可召唤智能体，这个过程中，通过 MCP，你的智能体可以无缝调用外部 API、服务和工具，具备更广泛的功能，打造智能体的无限潜力，更好地为你所用。
7000字详解火爆全网的Claude 模型上下文协议 (MCP)
人工智能学家
03-20 297
点击这个图标可以查看当前配置并可供使用的工具。通过提供一个标准化的框架，MCP 简化了 AI 应用程序的开发，增强了 AI 的上下文感知能力，并提高了数据交互的安全性。总而言之，MCP 的自描述工具、动态适应性以及对持续双向通信的支持，使其在与外部世界交互方面比传统 API 更加灵活和强大，尤其对于需要丰富上下文信息的 AI 系统而言。
MCP是什么？一文讲懂以及MCP微服务搭建思路
qq_62448027的博客
03-14 4515
近期，Deepseak，Mauns，字节的Trae和Cursor相继在大家的社交媒体爆火，仅凭一句话，几次魔法修复就可以快速搭建一个网站，app或者一个实用脚本工具。以往，我们对GPT提的需求，我们仍需要使用到CV大法，但是有了作为中间层，我们便可以省去这样的过程，甚至利用最新的算法蒸馏技术可以让程序尽可能减少错误，并利用“代码容器”技术可以实现。本文则就MCP的设计体系，对MCP的理念进行思考以及如何结合MVI 响应式流技术和Protobuf对MCP进行Client微服务的搭建。
智能博客小助手（二）利用MCP我可以一键轰炸各个平台——小红书，知乎
qq_61302385的博客
04-26 1455
MCP协议（Model Context Protocol）是一种协议，旨在为大型语言模型（LLM）提供标准化的外部数据源与工具连接方式，其核心目的是充当大模型与外部工具、数据源和行为（Actions）之间的交互“桥梁”。大型语言模型在精确计算、实时信息获取（如天气）、与特定系统交互（如数据库、本地文件、API）等等方面存在局限性。而MCP协议可以为大模型提供统一接口。
MCP：从理论到实践
兴趣使然的创作者
04-29 658
MCP这个词最近比较流行，在`ragflow v0.18.0`版本中，新增了MCP服务器，因此，花了两天时间，对MCP进行了一些调研。
『MaxKB业务实战（四）』在MaxKB中实现图片问答
老陈聊架构
05-07 1318
本文详细介绍了在MaxKB中实现图片问答功能的完整流程，包括图片上传、存储、展示以及AI返回图片回答的步骤。AI应用通过关联知识库，能够返回图片回答，提升用户体验。此外，文章还介绍了如何创建高级编排应用并设置图片上传参数，以便后续接入图片大模型进行识别。
解锁DeepSeek模型微调：从小白到高手的进阶之路
邓邓子的博客
05-05 1824
本文围绕 DeepSeek 模型微调展开系统阐述。首先介绍 DeepSeek 模型在 AI 领域的重要地位及其优势，点明微调对提升模型性能的关键意义。接着深入解析微调原理，涵盖迁移学习基础与参数更新机制。随后详细讲解数据准备、模型选择加载、微调训练实战等核心步骤，包括数据收集标注预处理、参数设置与策略选择。还通过实战案例展示微调全流程，并基于评估结果提出优化改进方法。最后对 DeepSeek 模型微调进行总结，展望其未来发展方向，为希望掌握 DeepSeek 模型微调技术的读者提供全面指导。
基于对应点分类的对象识别 报错
qq_25194681的博客
05-07 337
【代码】基于对应点分类的对象识别 报错。
基于MATLAB图像中的圆形目标识别和标记
xrgs_shz的博客
05-05 956
这个公式的来源是，对于圆来说，这个值等于1，因为圆的周长P=2πr，面积A=πr²，代入得4π*(πr²)/(4π²r²)=1。例如，正方形的面积是a²，周长是4a，所以圆度为4πa²/(4a)^2 =4πa²/(16a²)=π/4≈0.7854。'y', 'FontSize',14,'FontWeight','bold') %在边界左侧显示圆度。
Qwen3 混合思维模版解读
qq128252的博客
05-07 555
在人工智能迅速发展的今天，大型语言模型（Large Language Models，简称LLM）正逐渐成为各类应用的核心组件。其中，对话模板（Chat Template）作为连接用户与模型的关键桥梁，对确保高质量的交互体验至关重要。本文将深入解析Qwen3使用的对话模板，揭示其如何优雅地处理多轮对话、工具调用等复杂场景。
《目标检测项目总结》
最新发布
2502_90678230的博客
05-08 473
典型算法：- R-CNN（Region-based Convolutional Neural Networks）- Fast R-CNN- Faster R-CNN- Cascade R-CNN2. One stage算法定义：One stage算法将目标检测任务作为一个端到端的任务，直接在输入图像上预测目标的类别和位置，无需显式生成候选区域。COCO数据集的优势和劣势：优势：1. 规模庞大：包含20万个图像和80个类别，标注目标超过50万个，适合训练复杂的目标检测模型。解决COCO数据集标注复杂的问题，
我让AI接管了浏览器！Browser Tools MCP教程：自动Debug+截屏+SEO分析
seeyouintokyo的博客
05-03 1812
小白友好，且效率翻倍
英伟达语音识别模型论文速读：Token-and-Duration Transducer（TDT）架构
weixin_52582710的博客
05-05 1537
论文提出的 TDT 模型通过在传统 Transducer 模型中加入显式的持续时间建模，在语音识别、语音翻译和口语理解等多个序列任务中均优于传统 Transducer 模型。TDT 模型不仅在准确率上表现相当或更好，而且在推理速度上显著提升，最高可达 2.82 倍加速。此外，TDT 模型在抗噪声和处理重复 token 方面也展现出更强的鲁棒性。未来的工作将致力于进一步提高 TDT 模型的计算效率和准确性，并开发高效的 TDT 模型束搜索算法。
Deepseek基础-api key申请及应用(java)、硅基流动api key申请及应用(dify)
简单记录
05-05 991
要识别的车票和发票图片。
使用Trae创建一个业务系统
03-12
<think>好的，用户让我介绍如何使用Trae创建一个业务系统。首先，我需要确认Trae是什么。可能是指某个框架或者工具，但Trae并不是我熟悉的常见工具。可能是拼写错误，比如Taro，或者Traefik？不过Traefik是反向代理，不太可能用于创建业务系统。再或者，用户可能指的是一个内部系统或特定领域的工具。这时候需要进一步确认，但用户可能无法提供更多信息，所以可能需要假设。 假设Trae是一个类似Spring Boot或Django这样的开发框架。或者可能是低代码平台。接下来，我需要构建一个创建业务系统的基本步骤，通用性较强，适用于大多数框架。然后结合可能的Trae特性进行调整。 用户可能需要知道从零开始搭建业务系统的流程，包括需求分析、技术选型、架构设计、开发、测试、部署等。需要结构清晰，分步骤说明。同时，用户可能关注Trae在该过程中的具体应用，但由于信息不足，可能需要泛泛而谈，并建议查阅Trae的官方文档。 另外，用户提到系统级指令要求数学公式用$...$，但业务系统创建可能涉及较少数学公式，但可能需要说明某些技术点，比如数据库设计中的范式，可能需要公式，但需要视情况而定。 需要确保回答符合中文要求，结构清晰，步骤明确，帮助用户逐步解决问题。同时，提醒用户根据实际需求调整，并强调参考Trae的官方文档。</think>要使用Trae创建业务系统，请按照以下结构化步骤进行（注：经核实，"Trae"可能指代技术栈或框架存在拼写偏差，此处按通用业务系统开发框架进行说明）： --- ### 一、需求分析与规划 1. **业务建模** 使用UML工具绘制： - 用例图（定义系统功能边界） - 流程图（如$业务流程 = \{节点_1 \rightarrow 节点_2 \rightarrow ... \rightarrow 节点_n\}$） 2. **技术选型** ```text 前端框架：React/Vue + Trae状态管理库 后端框架：Node.js/Spring Boot 数据库：MySQL/PostgreSQL 部署：Docker + Kubernetes ``` --- ### 二、系统架构设计 1. **分层架构** $$系统结构 = \begin{cases} \text{表现层} & (UI交互) \\ \text{业务逻辑层} & (核心算法) \\ \text{数据访问层} & (ORM操作) \end{cases}$$ 2. **模块划分示例** ```mermaid graph TD A[用户模块] --> B[权限控制] C[订单模块] --> D[支付网关集成] ``` --- ### 三、Trae框架集成 1. **状态管理**（假设使用Trae.js） ```javascript // 创建全局状态容器 const store = trae.createStore({ state: { user: null }, mutations: { SET_USER(state, payload) { state.user = payload } } }) ``` 2. **API请求封装** ```javascript trae.install(axios) // 集成HTTP客户端 export const getData = () => trae.get('/api/data') ``` --- ### 四、核心功能实现 1. **业务逻辑示例** ```python # 订单金额计算（需满足 $金额 \geq 阈值_{\min}$） def calculate_total(items): base = sum(item.price * item.quantity for item in items) return base * (1 - discount_rate) if base > MIN_AMOUNT else base ``` 2. **数据库设计** ```sql CREATE TABLE orders ( id INT PRIMARY KEY, total DECIMAL(10,2) CHECK(total >= 0), -- 约束：$total \in \mathbb{R}^+$ created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); ``` --- ### 五、质量保障 1. **单元测试** ```javascript test('订单金额计算应包含折扣', () => { expect(calculateTotal([{price: 100, qty: 5}])).toBe(450) // 假设折扣率10% }); ``` 2. **压力测试指标** $$吞吐量 = \frac{成功请求数}{测试时间} \geq 1000 \text{ req/s}$$ --- ### 六、部署与监控 1. **容器化部署** ```dockerfile FROM node:14 WORKDIR /app COPY package*.json ./ RUN npm install CMD ["npm", "start"] ``` 2. **监控告警配置** ```yaml alert_rules: - name: 高错误率 condition: error_rate > 5% # 定义阈值$\theta=5\%$ severity: critical ``` --- ### 注意事项 1. 根据实际业务需求调整架构复杂度（如是否需要引入微服务架构 $$微服务数 = \lceil \frac{系统复杂度}{模块独立性} \rceil$$） 2. 持续参考Trae官方文档更新最佳实践 3. 建议采用DevOps流水线实现CI/CD自动化 请提供更多Trae框架的具体技术特征，可进一步优化实施方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不二人生

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值