Конспект: Trae AI: Полный гид по новому конкуренту Cursor для вайбкодинга — VibCoderZ - VibeCoderz

Загрузка...

🎯 О чём этот конспект: Разбор Trae AI — бесплатного (на данный момент) IDE-агента от компании ByteDance (создатели TikTok), который позиционируется как мощная альтернатива Cursor. В видео рассматриваются возможности интерфейса, работа с MCP, настройка правил проекта и практический пример создания приложения на 100% с помощью AI.

👤 Кому будет полезно: Вайбкодерам, разработчикам, ищущим более дешевые или мощные альтернативы Cursor, и тем, кто хочет использовать MCP (Model Context Protocol) для расширения возможностей AI-агентов.

✨ Что получите: Пошаговую инструкцию по настройке Trae AI, понимание тарифной сетки и методику создания полноценных приложений через промпты с использованием контекстных правил.

1. Trae AI vs Cursor: Сравнение и преимущества

Контекст: Trae AI — это полноценная IDE, построенная на базе VS Code, что позволяет легко перенести все расширения. Главное отличие от Cursor на текущий момент — это агрессивная ценовая политика и глубокая интеграция с MCP «из коробки». Автор отмечает, что Trae делает меньше «глупых ошибок» в сложных проектах по сравнению с его опытом использования Cursor.

Выгода: Экономия $20 в месяц (на текущий момент есть бесплатный уровень с лимитами, превышающими Cursor) и более стабильная работа с контекстом больших кодовых баз.

Как применить:

Шаг 1: Установка — Скачайте Trae AI с официального сайта. Интерфейс полностью повторяет VS Code, поэтому импорт настроек пройдет бесшовно.
Шаг 2: Выбор модели — В правой панели выберите модель (Claude 3.5 Sonnet или GPT-4o). В Trae доступно 1000 запросов к продвинутым моделям в месяц на бесплатном тарифе.
Шаг 3: Настройка MCP — Перейдите в раздел MCP в боковой панели. Trae позволяет подключать внешние инструменты (поиск в Google, работа с БД) в один клик через Marketplace.

Результат: Готовая к работе среда с доступом к топовым моделям без необходимости немедленной оплаты подписки.

2. Настройка контекста и правил (Rules) для качественной генерации

Контекст: Чтобы AI не «галлюцинировал» и писал код в едином стиле, необходимо задавать правила. Trae поддерживает глобальные правила (для всех проектов) и локальные (для конкретного репозитория). Это критически важно для соблюдения архитектурных паттернов (например, Singleton или модульная структура).

Выгода: Код получается чистым, модульным и соответствующим документации фреймворков (например, Next.js), что сокращает время на рефакторинг.

Как применить:

Шаг 1: Добавление документации — В настройках (Settings -> Context) добавьте ссылки на официальную документацию используемых библиотек (например, https://nextjs.org/docs).
Шаг 2: Использование файлов правил — Используйте ресурс cursor.directory для поиска готовых .cursorrules (они совместимы с Trae). Скопируйте содержимое в файл .traerules или в настройки Global Rules.
Шаг 3: Структурирование промпта — При создании новой фичи всегда задавайте роль и ограничения.

Пример промпта для правил:

Act like an expert Fullstack Developer. 
Use Next.js 14 with App Router and Tailwind CSS.
Rules:
- Build files in a modular way.
- Use Design Patterns (e.g., Repository pattern).
- Don't use deprecated libraries.
- Always think step-by-step before writing code.

Результат: AI генерирует код, который сразу вписывается в архитектуру вашего проекта.

3. Практический вайбкодинг: Создание приложения с нуля

Контекст: Автор демонстрирует создание приложения для оптимизации резюме под ATS-системы (Applicant Tracking Systems). Приложение было создано на 100% с помощью AI-агента Trae без ручного написания кода. Ключ к успеху — разбиение большой задачи на мелкие итерации.

Выгода: Возможность быстро собирать MVP (минимально жизнеспособный продукт) даже без глубоких знаний синтаксиса конкретного языка.

Как применить:

Шаг 1: Планирование — Сначала попросите AI составить план проекта.
Шаг 2: Итеративная разработка — Начинайте с самого маленького компонента (например, загрузка файла), затем переходите к логике обработки.
Шаг 3: Использование Builder Mode — В Trae используйте режим Builder для автоматического создания файлов и структуры папок.
Шаг 4: Психологические хаки для AI — Добавляйте в промпт фразы-стимулы для повышения качества ответа.

Пример «хака» в промпте:

I will tip you $100 if you give me the perfect, bug-free solution for this component. 
Think step-by-step and output the code in bullet points for clarity.

Результат: Работающее приложение (Frontend + Backend), созданное за один сеанс вайбкодинга.

FAQ

В: Trae AI действительно полностью бесплатный? О: На данный момент у Trae очень щедрый бесплатный тариф: до 1000 запросов к продвинутым моделям (Claude/GPT) в месяц. Это значительно больше, чем бесплатные лимиты в Cursor. Однако в будущем возможны изменения, так как проект активно растет.

В: Кто владеет Trae AI и безопасно ли это? О: Разработчик — компания ByteDance (владелец TikTok). Это гигантская корпорация с огромными ресурсами для инвестиций в AI. С точки зрения безопасности — это закрытый проприетарный софт от крупного техгиганта, что стоит учитывать при работе с чувствительными данными.

В: Можно ли использовать свои API ключи в Trae? О: Да, Trae поддерживает добавление кастомных моделей через API ключи. Также можно подключать локальные модели через LM Studio, что полезно для приватности или специфических задач.

В: Насколько хорошо Trae работает с MCP? О: Trae интегрировал MCP (Model Context Protocol) очень глубоко. В IDE есть встроенный маркетплейс MCP-инструментов, которые подключаются в один клик, позволяя AI-агенту искать информацию в интернете, читать файлы или взаимодействовать с внешними API.

В: Можно ли перенести настройки из Cursor в Trae? О: Поскольку обе IDE базируются на VS Code, большинство расширений и тем переносятся автоматически. Файлы правил .cursorrules также можно адаптировать или просто копировать их содержимое в настройки Trae.

Конспект создан на основе видео «Trae AI: The ByteDance AI Coding Tool (Trae vs Cursor)» канала Gianluca Belvisi. Все права на оригинальный материал принадлежат авторам. Источник: https://www.youtube.com/watch?v=GSPEDnQtKWA