Skip to content

Trae のセットアップ方法

このドキュメントでは、Trae のインストール、必要な設定、そして最終的に Trae を使用してプロジェクトを開発する方法を紹介します。


ステップ 1:Trae のインストールと起動

  1. Trae の公式サイト にアクセスし、お使いのパソコンに Trae をインストールします。

  2. Trae のアイコンをクリックして起動します。

  3. Trae 初回起動時に以下の画面が表示されます:

    インターフェースプレビュー

  4. はじめる ボタンをクリックして、Trae の設定を開始します。


ステップ 2:テーマと言語の選択

  1. ダークライトディープブルー からテーマを選択します。

  2. 英語日本語 から言語を選択します(デフォルトは英語)。

    テーマと言語は、いつでも 設定センター で変更できます。

  3. 続ける ボタンをクリックして次に進みます。


ステップ 3:VS Code または Cursor から設定をインポート

  1. すでにパソコンに VS Code や Cursor を設定している場合、VS Code からインポート または Cursor からインポート を選択することで、これらの IDE のすべての拡張機能、設定、キーバインドを Trae にインポートし、スムーズに Trae の開発環境に移行できます。

    インポート画面プレビュー

  2. インポートが完了すると、既存の設定でプロジェクトの開発を始めることができます。


ステップ 4:Trae コマンドのインストール

Trae のコマンドをインストールすると、ターミナルからコマンドで素早くタスクを実行できます。例えば:

  • trae で Trae を素早く起動
  • trae my-react-app でプロジェクトを開く

コマンドの追加手順:

  1. 'trae' コマンドをインストール ボタンをクリックします。
  2. ポップアップが表示されたら、OK をクリックします。
  3. Mac のログインパスワードの入力を求められる場合があります。パスワードを入力して OK をクリックします。
  4. Trae がシェルコマンドをインストールするために管理者権限を要求します。

ステップ 5:Trae へのログイン

  1. AI アシスタント機能を使用するには、Trae にログインする必要があります。

  2. 以下の方法でログインできます:

    • Google アカウント
    • GitHub アカウント
    • Trae に登録したメールアドレス
  3. アカウントをお持ちでない場合は、新規作成してログインできます。

  4. ログイン ボタンをクリックして、ログイン画面に進みます。

    ログイン画面プレビュー

  5. ログイン後、Trae IDE のメイン画面に移動します。


ステップ 6:Trae でプロジェクトを開発

Trae では、以下の方法で開発を始めることができます:

  1. 既存のプロジェクトを開く

    • 既存のフォルダを開く
    • Git リポジトリをクローン(詳細は「プロジェクト管理」を参照)
  2. 新規プロジェクトの作成

    • Trae の AI アシスタントを使用して、ゼロから新しいプロジェクトを作成(詳細は「Builder」を参照)

これで、Trae を使用した効率的な開発を始めることができます!