YouTip

Trae (pronounced /treɪ/) is an AI-native Integrated Development Environment (IDE) launched by ByteDance. It deeply integrates large models like Claude and GPT-4o, providing intelligent Q&A, code completion, and AI automated programming capabilities.\\n\\nTrae is developed based on the VS Code core, and its user-friendly interface is very similar to (#).\\n\\nThe main features of Trae include:\\n\\n* **Fully Chinese interface**, no need to install localization plugins, ready to use out of the box\\n* **Built-in AI assistant**, supporting both Chat (Q&A) and Builder (project building) modes\\n* **Compatible with VS Code ecosystem**, one-click import of plugins, keyboard shortcuts, and configuration files\\n* **Multi-platform support**: Windows and macOS, Linux version available for reservation\\n* **Completely free**, no paid subscription required to use AI features\\n\\n* * *\\n\\n## Installing Trae\\n\\n### [](#)1. Download the Installation Package\\n\\nThe official website will automatically recognize your operating system and recommend the corresponding version. You can also manually select:\\n\\n| Operating System | Download Version |\\n| --- | --- |\\n| Windows | `.exe` installer |\\n| macOS (Intel) | `.dmg` installer |\\n| macOS (Apple Silicon) | `.dmg` ARM version |\\n\\n!(#)\\n\\n### 2. Installation Steps\\n\\nOnce the download is complete, double-click the installation package and follow the prompts to complete the installation. The entire process is no different from installing regular software and takes about 1~2 minutes.\\n\\n### 3. Initial Configuration\\n\\nWhen launching Trae for the first time, you will enter the initial setup wizard:\\n\\n**Step 1: Choose a Theme**\\n\\nThe options are "Dark", "Light", or "Deep Blue". Choose according to your preference; you can change it at any time in the settings later.\\n\\n**Step 2: Choose Display Language**\\n\\nYou can choose "Simplified Chinese" or "English". Chinese developers can directly select Simplified Chinese, and the interface will be fully localized.\\n\\n!(#)\\n\\n**Step 3: Migrate Existing Configuration (Optional)**\\n\\nIf you previously used VS Code or Cursor, you can click "Import from VS Code" or "Import from Cursor", and Trae will automatically sync:\\n\\n* Installed plugins\\n* IDE settings and preferences\\n* Keyboard shortcut bindings\\n\\n!(#)\\n\\nThis allows you to switch from your original tools to Trae almost seamlessly, with a very low learning curve.\\n\\n**Step 4: Install Command Line Tool (Recommended)**\\n\\nAfter clicking "Install `trae` command" and completing the authorization, you can use the following commands in the terminal:\\n\\n# Quickly launch Trae: trae # in Trae open the specified project in trae my-react-app\\n!(#)\\n\\n**Step 5: Log in to Your Account**\\n\\nLog in using your phone number or Juejin account. You can only use AI services in Trae after completing the login.\\n\\n!(#)\\n\\n* * *\\n\\n## Interface Layout\\n\\nTrae's interface is highly similar to VS Code, mainly divided into the following areas:\\n\\n┌─────────────────────────────────────────────┐│ Menu Bar (Files / Edit / Views / Help…) │├──────┬──────────────────────┬───────────────┤│ │ │ ││ Sidebar│ code EditArea │ AI Assistant Panel ││ │ │ ││（Files │ │（Chat / Builder││ Resources │ │ Chat Interface) ││ Manager│ │ ││ etc.） │ │ │├──────┴──────────────────────┴───────────────┤│ Terminal (bottom panel) │└─────────────────────────────────────────────┘\\n!(#)\\n\\n* **Sidebar**: File explorer, search, version control, plugin marketplace, etc.\\n* **Code Editor Area**: The main area for writing code, supporting syntax highlighting and multiple file tabs\\n* **AI Assistant Panel**: The AI interaction area on the right, supporting both Chat and Builder modes\\n* **Terminal Panel**: The integrated terminal at the bottom, where you can run commands directly\\n\\n* * *\\n\\n## Opening and Managing Projects\\n\\n### Open an Existing Project\\n\\nThere are several ways:\\n\\n* Select "File" → "Open Folder" from the menu bar, and choose the local project directory\\n* Execute `trae Project Path` in the terminal to open it directly\\n* Select "Recently Opened Projects" from the welcome page\\n\\nTo launch Trae in the terminal, use the following command:\\n\\ntrae\\nTo open the current directory using Trae, use the command:\\n\\ntrae .\\nTo specify a directory path, use the following command:\\n\\ntrae ~/tutorial-test # Open project from specified directory \\n### Clone a Git Repository\\n\\nClick "Clone Git Repository" on the welcome page, enter the repository address, and the remote project will be pulled locally and opened automatically.\\n\\n### Create New Files and Projects\\n\\n* Right-click a folder in the File Explorer → "New File", Trae will automatically recognize the type based on the file extension\\n* Menu bar "File" → "New Project", you can choose a blank project or use Builder mode to generate it with AI\\n\\n* * *\\n\\n## Using the AI Assistant\\n\\nThis is Trae's core feature, providing two modes:\\n\\n!(#)\\n\\n### Chat Mode (Intelligent Q&A)\\n\\nChat mode is suitable for asking questions at any time during the development process. It is a "smart partner" that understands your current code.\\n\\n**Common uses:**\\n\\n* Explain what a piece of code does\\n* Find bugs and provide fix solutions\\n* Ask about the usage of a specific API\\n* Have AI help you optimize code logic\\n\\n**How to use context:**\\n\\nWhen chatting with AI, you can specify code, files, or folders as context to make the AI's answers more precise. For example, use `@FilesName` in the Chat input box to reference a specific file.\\n\\n### Builder Mode (Project Building)\\n\\nBuilder mode is suitable for building a project from scratch. You only need to describe the application you want in natural language, and the AI will automatically call tools, analyze requirements, generate files, and execute commands.\\n\\n**Usage example:**\\n\\nPlease help me create a React todo application that supports adding, deleting, and marking tasks as complete\\n!(#)\\n\\nBuilder mode will automatically:\\n\\n1. Create the project directory structure\\n2. Generate all necessary code files\\n3. Install dependency packages\\n4. Run the project for preview\\n\\n> **Note (Windows Users)**: Using Builder mode requires configuring PowerShell 6 or higher. You can select the profile with `PowerShell{Version}` in its name under "Settings" → Terminal profiles.\\n\\n### Handling AI-Generated Code Changes\\n\\nAfter AI generates code, you can choose to accept or reject it:\\n\\n| Action | macOS Shortcut | Windows Shortcut |\\n| --- | --- | --- |\\n| Accept all changes in the current file | Command + Enter | Ctrl + Enter |\\n| Reject all changes in the current file | Command + Backspace | Ctrl + Backspace |\\n| Batch accept all changes | Click the "Accept All" button above the input box | Same as left |\\n| Batch reject all changes | Click the "Reject All" button above the input box | Same as left |\\n\\n### Inline Chat\\n\\nBesides the side AI panel, you can also invoke AI directly within the editor:\\n\\n* **Shortcut**: `Command + I` (macOS) / `Ctrl + I` (Windows)\\n* Select a piece of code and press the shortcut to ask questions directly about the selection or request modifications\\n* When a code error occurs