Trae Chat Bridge

Trae Chat Bridge 是一个 VS Code 扩展，旨在促进运行在本地开发环境中的 Web 应用程序与 Trae IDE 之间的通信。

功能特性

• 本地桥接服务器：启动一个本地 HTTP 服务器（默认端口：11276）来监听来自 Web 应用程序的传入消息。
• 上下文感知：从 Web 前端接收组件审查数据（文件路径、行号）。
• Trae Chat 集成：自动在 Trae Chat 中打开相关文件，并将被审查的组件详细信息填充到聊天上下文中。

使用方法

此扩展需要与您 Web 项目中的 @ecom/trae-web-chat npm 包配合使用。

1. 安装 Web 端包

在您的 Web 项目（Vite, Webpack, Eden 等）中，安装 @ecom/trae-web-chat 包：

npm install @ecom/trae-web-chat

2. 配置 Web 项目

您需要配置中间件插件和用于源代码位置追踪的 Babel 插件，并将 FloatingChat 组件添加到您的应用程序中。有关详细的设置说明，请参阅 @ecom/trae-web-chat 文档。

3. 搭配工作流程

1. 安装：在 VS Code / Trae IDE 中安装此 .vsix 包。
2. 激活：扩展会在启动时自动激活。
3. 运行：桥接服务器在后台运行。当您在浏览器中使用 @ecom/trae-web-chat 悬浮 UI 审查组件时，数据将被发送到此扩展，随后该扩展将在 Trae Chat 中打开对应的文件。

命令

• Trae Chat Bridge: Start Server：如果桥接服务器未运行，则手动启动它。
• Trae Chat Bridge: Stop Server：停止桥接服务器。

配置项

• traeChatBridge.port：桥接服务器的端口号（默认：11276）。请确保此端口与您在 Vite 或其他构建工具中配置的中间件端口一致。

故障排除

如果您遇到连接问题：

1. 检查是否看到 "Trae Chat Bridge Server started" 的通知以确认服务器正在运行。
2. 验证设置中的端口号是否与您的 Web 项目配置一致。
3. 使用 Start Server 命令重新启动扩展。