🎯 О чём этот конспект: Обзор и практическое руководство по использованию Trae AI — нового бесплатного адаптивного AI-редактора (IDE), который позиционируется как главный конкурент Cursor. В видео разбираются ключевые функции: AI-билдер, работа с моделями Claude 3.5/3.7 и GPT-4o, а также настройка кастомных агентов через протокол MCP.
👤 Кому будет полезно: Вайбкодерам, разработчикам любого уровня и тем, кто ищет мощную бесплатную альтернативу Cursor для создания IT-продуктов с помощью AI.
✨ Что получите: Вы научитесь настраивать Trae AI, создавать приложения с нуля через Builder, интегрировать внешние данные (например, YouTube API) через MCP-серверы и управлять поведением нейросети с помощью глобальных правил.
1. Обзор и установка Trae AI
Контекст: Trae AI — это полноценная среда разработки (IDE) на базе VS Code, которая предлагает те же возможности, что и платные аналоги, но полностью бесплатно. Главное отличие — глубокая интеграция AI-агентов, которые понимают контекст всего вашего проекта. В отличие от расширений для VS Code, здесь AI встроен в ядро, что позволяет использовать функции автодополнения и чата без ограничений по подписке.
Выгода: Экономия $20/мес (стоимость Cursor Pro) при доступе к топовым моделям: Claude 3.5 Sonnet, Claude 3.7, Gemini 2.0 и GPT-4o.
Как применить:
Шаг 1: Загрузка — Перейдите на сайт trae.ai и скачайте дистрибутив для вашей ОС.
Шаг 2: Настройка рабочего пространства — После установки откройте редактор и выберите папку проекта на левой панели (Explorer). Это критически важно, так как AI индексирует файлы в этой папке для понимания контекста.
Шаг 3: Интерфейс — Слева находится привычный VS Code, справа — панель "AI Sidecar" для чата и Builder для генерации кода.
Результат: Готовая к работе среда разработки с подключенными топовыми LLM.
2. Использование AI Builder для создания приложений с нуля
Контекст: Режим Builder в Trae AI позволяет создавать целые проекты или крупные фичи по текстовому описанию. AI не просто пишет код, а создает структуру файлов, пишет HTML/CSS/JS и сразу предлагает применить изменения. Вам не нужно копировать код вручную — редактор делает это за вас.
Выгода: Скорость прототипирования увеличивается в 10 раз. Можно создать работающее веб-приложение за 2 минуты, даже не зная синтаксиса языка.
Как применить:
Шаг 1: Активация Builder — На правой панели переключитесь в режим "Builder".
Шаг 2: Выбор модели — Выберите Claude 3.5 Sonnet или GPT-4o в выпадающем списке.
Шаг 3: Промптинг — Введите запрос на создание приложения. Например:
Build a simple rock paper scissors game using HTML, CSS, and JavaScript. Make it modern and responsive.
Шаг 4: Итерация — Если результат нужно изменить (например, сменить тему на космическую), просто напишите уточнение в тот же чат:
Update the overall style to give it an outer space theme with animations.
Результат: Полностью рабочий набор файлов проекта, готовый к запуску в браузере.
3. Настройка кастомных агентов через MCP (Model Context Protocol)
Контекст: MCP — это открытый стандарт, который позволяет AI-агентам Trae подключаться к внешним инструментам и данным (GitHub, Google Maps, YouTube, Slack). Это превращает редактор из простого "написателя кода" в мощного ассистента, который может тянуть реальные данные через API и использовать их в вашем коде.
Выгода: Возможность создавать динамические приложения, работающие с живыми данными из внешних сервисов без ручного написания сложных интеграций.
Как применить:
Шаг 1: Создание агента — Нажмите на иконку робота (Builder with MCP) и выберите "Create Agent". Назовите его, например, YouTube_Agent.
Шаг 3: Конфигурация — Скопируйте JSON-конфигурацию из документации MCP и вставьте свой API ключ.
Шаг 4: Запрос к агенту — Используйте промпт для создания сайта на основе данных из API:
Using the YouTube MCP server, create a simple website that displays all videos from my YouTube channel. The website should show a clean grid of video thumbnails, titles, and metrics like views and likes. Use HTML, CSS, and JavaScript.
Результат: Приложение, которое в реальном времени отображает данные из вашего YouTube-канала.
4. Управление поведением через AI Rules
Контекст: Правила (Rules) позволяют задать глобальные инструкции для AI, которые будут применяться ко всем ответам и генерациям кода. Это аналог файла .cursorrules. Вы можете заставить AI всегда использовать определенный стиль кодирования, библиотеки или форматирование.
Выгода: Консистентность кода во всем проекте и отсутствие необходимости повторять одни и те же инструкции в каждом чате.
Как применить:
Шаг 1: Открытие правил — В верхнем меню выберите "AI Management" -> "Rules".
Шаг 2: Добавление правила — Нажмите "Add User Rule" и впишите инструкцию. Пример:
Use tabs for indentation in all code. Always use Tailwind CSS for styling. Write comments in Russian.
Шаг 3: Проверка — Попросите AI переформатировать существующий код или создать новый — он автоматически применит заданные правила.
Результат: AI-ассистент, работающий строго по вашим стандартам разработки.
FAQ
В: Trae AI действительно бесплатный? В чем подвох? О: На данный момент Trae полностью бесплатен и предоставляет безлимитный доступ к Claude 3.5/3.7 и GPT-4o. Разработчики планируют ввести платный тариф к концу мая 2025 года для снятия лимитов на высокочастотные API-запросы, но базовый функционал останется доступным.
В: Можно ли перенести свои проекты из Cursor или VS Code? О: Да, Trae построен на базе VS Code, поэтому он поддерживает большинство расширений из VS Code Marketplace и легко открывает любые папки с проектами.
В: Что такое MCP и зачем он вайбкодеру? О: MCP (Model Context Protocol) позволяет нейросети "выходить в интернет" и общаться с другими программами. Для вайбкодера это значит, что можно сказать: «Сделай дашборд из моих Google Таблиц», и AI сам подключится к ним.
В: Какие модели лучше использовать в Trae? О: Для написания логики и сложного кода автор рекомендует Claude 3.5 Sonnet или Claude 3.7. Для быстрых правок и простых скриптов отлично подходит GPT-4o или Gemini 2.0.
В: Как запустить созданный в Trae сайт? О: Самый простой способ — найти файл index.html в папке проекта через проводник Windows/Mac и открыть его с помощью любого браузера (Chrome, Safari).
Конспект создан на основе видео «Trae AI: The Best FREE AI Coding IDE (Claude 3.5, MCP & More)» канала Devon's on Fire. Все права на оригинальный материал принадлежат авторам.Источник: https://www.youtube.com/watch?v=V3Mp2D2DU-g