mcpField
T
trae-cn

trae-cn

github.com/urwlee開発835 回インストール37 週間前に更新
リポジトリ

trae-cn について

Trae CNは、AIを統合した開発者向けIDEで、コード支援とタスク実行型のエージェント機能を備えています。MCPサーバーを設定し、Trae内からそのツールを利用できます。

主な機能

  1. 01AIによる質問応答とコード生成
  2. 02コード解説とテスト生成
  3. 03バグの自動修正とリファクタリング
  4. 04エージェントによるプログラミングタスク
  5. 05MCPサーバーの設定と管理

活用シーン

  1. 01テンプレートを使ったプロトタイプ作成
  2. 02ソースコードのレビューと最適化
  3. 03AIとの対話で外部ツールを利用
  4. 04プロジェクトの文脈から文書を生成

MCP 対応

TraeではMCPサーバーの設定、一覧表示、追加、削除ができます。設定済みサーバーをAIとの対話で利用でき、READMEにはファイルシステム、データベース、API、Playwrightの例があります。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/urwlee/skill-trae-cn --skill trae-cn

インストール後、Claude Code で/trae-cnを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

README.md
package.json
scripts/
trae.py
mcp_server.py

詳細

Trae CN AI IDE の統合

Trae はバイトダンスが提供する、AI と深く統合された AI ネイティブの統合開発環境(AI IDE)です。スマートな質疑応答、コードの自動補完、エージェントベースの AI 自動プログラミング機能を提供します。

クイックスタート

Trae IDE を起動する
# 使用 Homebrew 启动
brew services start trae-cn

# 或者直接启动应用
open -a "Trae"
Trae SOLO モード

Trae の SOLO モードは開発者の要望を理解し、プログラミングタスクを自動的に実行できます。

# 进入项目目录后启动 Solo 模式
cd your-project
trae solo --task "帮我优化这个函数的性能"

主な機能

1. AI プログラミングアシスタント
  • スマートな質疑応答: IDE 内で AI に直接質問できます
  • コード生成: 要件を説明すると、コードを自動生成します
  • コードの解説: コードを選択すると、AI がロジックを解説します
  • ユニットテスト: テストケースを自動生成します
  • スマートな修正: AI がバグを自動的に修正します
2. MCP 統合 (Model Context Protocol)

MCP は、AI ツールが外部のナレッジベースやサービスを理解し、アクセスできるようにするプロトコルです。

MCP サーバーを設定する

Trae で MCP を設定します。

  1. Trae IDE を開きます
  2. 設定 → MCP に移動します
  3. MCP サーバーの設定を追加します
組み込み MCP サーバー

Trae には、よく使われる MCP サーバーが組み込まれています。

  • ファイルシステム: ファイルの読み書き操作
  • データベース: データベースのクエリ
  • API 呼び出し: HTTP リクエスト
  • ウェブ自動化: Playwright 統合
カスタム MCP サーバー
# 安装 MCP Server
npm install -g @modelcontextprotocol/server-filesystem

# 配置到 Trae
trae config add-mcp @modelcontextprotocol/server-filesystem
3. エージェントモード

エージェントモードを使うと、AI が複雑なタスクを自動的に完了できます。

# 启动 Agent
trae agent --task "创建一个 React 组件,包含表单验证功能"

# 带上下文
trae agent --task "分析这个项目的架构" --context ./project

よく使うコマンド

プロジェクト管理
# 创建新项目
trae create --template react my-project

# 打开项目
trae open ./my-project

# 克隆并打开项目
trae clone https://github.com/user/repo.git
コード操作
# 代码生成
trae generate --prompt "创建一个用户登录组件"

# 代码重构
trae refactor --file ./src/App.tsx --task "将类组件改为函数组件"

# 代码审查
trae review --file ./src/utils.ts
AI との会話
# 启动对话
trae chat

# 带系统提示
trae chat --system "你是一个 Python 专家"

# 引用代码对话
trae chat --file ./script.py "解释这段代码"
MCP 操作
# 列出已配置的 MCP Server
trae mcp list

# 添加 MCP Server
trae mcp add filesystem -- npx @modelcontextprotocol/server-filesystem ./projects

# 移除 MCP Server
trae mcp remove filesystem

OpenClaw との統合

Trae MCP サーバーを使用する

OpenClaw では、MCP プロトコルを介して Trae を呼び出せます。

# Python 示例:使用 Trae MCP Server
import requests

# 调用 Trae MCP 文件系统操作
response = requests.post(
    "http://localhost:3000/mcp/file",
    json={
        "action": "read",
        "path": "./src/App.tsx"
    }
)
OpenClaw Trae Skill

OpenClaw の trae-cn Skill を使用します。

# 在 OpenClaw 中使用
@trae-cn help

# 创建项目
@trae-cn create-project --name my-app --template react

# 运行代码生成
@trae-cn generate --prompt "创建一个登录表单"

設定オプション

環境変数
# API Key 配置
export TRAE_API_KEY="your-api-key"

# 模型选择
export TRAE_MODEL="deepseek-v3"  # 默认
# 或 claude-sonnet, gpt-4

# MCP Server 默认路径
export TRAE_MCP_PATH="./mcp-servers"
設定ファイル

Trae の設定ファイルは ~/.trae/config.json にあります。

{
  "model": {
    "provider": "deepseek",
    "model": "deepseek-v3",
    "temperature": 0.7
  },
  "mcp": {
    "enabled": true,
    "servers": ["filesystem", "database"]
  },
  "theme": "dark",
  "shortcuts": {
    "chat": "cmd+shift+l",
    "generate": "cmd+shift+g"
  }
}

使用例

シナリオ 1:迅速なプロトタイプ開発
# 1. 创建项目
trae create --template nextjs my-saas

# 2. 进入项目
cd my-saas

# 3. 启动开发
trae dev

# 4. AI 生成代码
trae generate --prompt "创建一个用户仪表盘页面"
シナリオ 2:コードレビューと最適化
# 1. 打开项目
trae open ./my-project

# 2. AI 审查代码
trae review --file ./src/critical.ts

# 3. AI 优化
trae refactor --file ./src/critical.ts --task "性能优化"
シナリオ 3:外部ツールの統合
# 1. 配置 MCP Server
trae mcp add weather -- npx @modelcontextprotocol/server-weather

# 2. 在对话中使用
trae chat "北京今天天气怎么样?"
シナリオ 4:チームでの共同作業
# 1. 克隆项目
trae clone https://github.com/team/project.git

# 2. 设置上下文
trae context set ./project-docs

# 3. AI 理解项目
trae chat "根据项目文档,帮我生成 API 文档"

よくある質問

Q: Trae と VS Code の違いは何ですか? A: Trae は AI と深く統合されたネイティブ AI IDE で、エージェントモードと MCP プロトコルに対応しています。VS Code よりも高度な AI 機能を備えています。

Q: Trae はどのプログラミング言語に対応していますか? A: Python、JavaScript/TypeScript、Go、Rust、Java、C++ など、すべての主要な言語に対応しています。

Q: カスタム MCP サーバーを設定するにはどうすればよいですか? A: 公式ドキュメントを参照してください:https://docs.trae.com.cn/ide/model-context-protocol

Q: Trae は無料ですか? A: Trae には無料版とプロ版があります。無料版には基本的な AI 機能が含まれ、プロ版ではさらに多くの高度な機能を利用できます。

Q: AI モデルを切り替えるにはどうすればよいですか? A: 設定で構成するか、環境変数 TRAE_MODEL を使用してください。

参考リンク

コメント