Попрощайтесь с беспокойством по поводу кода и примите острые ощущения от разработки: Trae AI позволяет легко создавать приложения, и каждый может стать разработчиком!

Разработка программного обеспечения претерпевает глубокие изменения под влиянием искусственного интеллекта (ИИ). От завершения кода и исправления ошибок до генерации кода с помощью диалога на естественном языке - ИИ развивается удивительными темпами.

Недавно компания Byte Jump вновь представила новый инструмент для программирования ИИ - Trae, который снова вызвал широкий резонанс в индустрии.

Trae Интерфейс на китайском языке, что очень удобно для китайских разработчиков и снижает порог вхождения в систему. Более того, Trae оснащен Клод 3.5 Sonnet и GPT-4o управляемые моделями AI-ассистенты обеспечивают разработчикам мощную и интеллектуальную поддержку.

существовать Режим строителя Трэй - полноценный помощник, который понимает замысел разработчика и помогает ему создавать реальные продукты с нуля.

а также Режим чата Трэй - программист полного цикла, который всегда на связи, чтобы ответить на запросы разработчиков и помочь им эффективно выполнить их задачи по разработке.

Что еще более интересно, инструмент Trae интегрирует такие передовые модели, как Claude 3.5 Sonnet и GPT-4o, которые теперь доступны пользователям бесплатно, что, несомненно, является благом для разработчиков.

Далее в этой статье мы подробно рассмотрим Trae, покажем, как разработать приложение с нуля с помощью диалогового взаимодействия, и почувствуем новую прелесть программирования ИИ.

Краткое руководство пользователя

1. Посетите официальный сайт Trae:

интервью https://www.trae.ai/ После входа на официальный сайт пользователи увидят интерфейс, как показано ниже. Нажмите на кнопку "Скачать для macOS", чтобы загрузить программу установки.

обратите вниманиеВ настоящее время Trae поддерживается только на macOS, но версия для Windows находится в разработке, так что следите за новостями.

2. Установка и первоначальный запуск:

Когда вы открываете Trae в первый раз после установки, по умолчанию используется упрощенный китайский язык, учитывающий привычки китайских разработчиков.

3. Инициализация конфигурации и вход в систему:

Trae проведет пользователя через начальную настройку, такую как выбор темы, импорт конфигурации IDE, добавление элементов запуска из командной строки и, наконец, экран входа в систему.

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

4. Обзор функциональных интерфейсов:

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

Практическое занятие: разработка генератора куплетов ИИ "Весенний фестиваль

Чтобы более наглядно продемонстрировать возможности применения Trae, в этой статье в качестве примера будет рассмотрена разработка генератора куплетов для весеннего праздника с искусственным интеллектом, и читатели смогут испытать удовольствие от совместного программирования с искусственным интеллектом и создания эксклюзивных благословений на китайский Новый год для себя и своей семьи.

В данной работе процесс разработки проекта разбит на четыре этапа: инициализация проекта, реализация базового пользовательского интерфейса, логика генерации куплетов Весеннего фестиваля и оптимизация стиля.

Инициализация проекта

Сначала переключитесь в режим конструктора и создайте файл с именем ai-couplet новых проектов.

Введите описание требования в диалоговом окне:

我想在当前目录创建一个 AI 春联生成器的项目，使用 React + Tailwind CSS 技术栈。
请帮我完成以下步骤：
初始化项目结构
*配置必要的依赖
设置基本的开发环境
请开始第一步。

ИИ Trae быстро реагирует, предоставляя команды инициализации проекта, а пользователь просто нажимает кнопку "быть в движении" для выполнения.

Затем ИИ поможет настроить необходимые файлы стилей. Пользователь просматривает изменения, подтверждает их правильность и нажимает кнопку "Принято полностью", чтобы завершить настройку.

Несколько простых щелчков мышью - и инициализация проекта завершена, а сам проект запущен.

Стоит отметить, что Trae имеет встроенную функцию предварительного просмотра веб-страниц, которая может показать эффект интерфейса в реальном времени, обеспечивая большое удобство для отладки фронтенд-проектов.

Базовая реализация пользовательского интерфейса

После завершения инициализации проекта следующим шагом будет реализация пользовательского интерфейса генератора весеннего праздника. Для описания требований к интерфейсу искусственного интеллекта обратитесь к следующей диаграмме прототипа интерфейса.

Отправив короткую подсказку с диаграммой прототипа, Trae сразу же понимает замысел и начинает писать код в автоматическом режиме. Пользователь просто просматривает изменения в документе и нажимает кнопку "Принято полностью", то есть.

Эстетически приятный интерфейс Spring Festival Generator быстро представлен, причем элементы интерфейса полностью соответствуют изображению прототипа и даже более эстетичны с точки зрения шрифтов и цветовой гаммы.

Из приведенного выше процесса взаимодействия видно, что Trae не только понимает код, но и точно анализирует содержимое изображения. Весь процесс разработки интерфейса происходит плавно и естественно, что делает традиционную работу по разработке интерфейсов простой и эффективной.

Логическая реализация генерации куплетов весеннего праздника

После создания пользовательского интерфейса основной задачей является реализация функции генерации куплетов весеннего праздника. Эта функция принимает пользовательский ввод и вызывает API Claude, чтобы сгенерировать соответствующие куплеты весеннего праздника.

Разработка этой функции продолжается совместно с Trae AI:

请帮我实现春联生成功能：
当用户点击 “生成春联” 按钮时，需要执行以下操作：
获取输入框中用户输入的主题或关键词
调用 Claude API 生成一副对联，具体要求如下：
横批（四字）
上下联（七字对）
对仗工整，符合春节喜庆氛围
将生成结果分别展示在对应的红色区域中

Trae AI быстро завершила разработку функции, включая вызовы API-интерфейса, обработку ошибок и прочую логику. Однако в процессе тестирования появилась подсказка "Не удалось сгенерировать куплеты весеннего праздника".

Не беспокойтесь о проблемах, просто продолжайте передавать их ИИ для устранения.

Пользователи могут даже отправить искусственному интеллекту скриншот с кратким описанием проблемы, чтобы помочь ему понять и решить ее более точно.

После нескольких раундов оптимизации и настройки мы, наконец, получили полностью функциональную и стабильную функцию генерации куплетов Весеннего фестиваля.

Теперь, если вы введете слово "дом", "весна" или любое другое ключевое слово, Трэй сможет создать хорошо продуманные, благоприятные куплеты на китайский Новый год.

Оптимизация стиля интерфейса

Затем попробуйте переключиться в режим чата, чтобы еще больше оптимизировать отображение куплетов о весеннем празднике.

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

我发现当前界面背景色为灰色，节日氛围略显不足。希望进行如下调整：
将背景色修改为白色，使红色的春联更加醒目突出。
适当增加左右对联之间的间距。
调整字体大小，使对联文字更加醒目。
请帮我修改相关样式代码。

Trae AI также быстро предоставляет конкретные коды модификации стиля, которые необходимо просмотреть пользователю.

Нажмите "прибор", Trae снова отобразит изменения, после подтверждения отсутствия ошибок нажмите кнопку "Принято полностью" Завершите обновление.

Для оптимизации деталей интерфейса может потребоваться множество бесед и корректировок с ИИ. Пользователю достаточно четко описать намерение модификации.

Например, текущий стиль куплетов несколько однообразен, а праздничную атмосферу еще можно улучшить, поэтому вы можете обратиться к ИИ за предложениями по оптимизации.

Вдохновившись предложением AI, мы решили добавить два небольших фонаря с левой и правой стороны баннера, чтобы усилить праздничную атмосферу. Чтобы более четко выразить концепцию дизайна, мы поискали в Интернете изображения материалов для фонарей и нарисовали простую схему, которую отправили ИИ и попросили помочь реализовать дизайн.

Trae AI быстро понял замысел и приступил к написанию кода. Добавление элементов фонаря было вскоре завершено с удовлетворительными результатами, и даже был добавлен динамический эффект раскачивания из стороны в сторону, чтобы сделать фонарь более живым.

Добавление фонариков придает интерфейсу ярко выраженный аромат китайского Нового года. Заметив, что область в середине двустишия немного пуста, мы решили добавить слово "福" в середину двустишия. Мы также нарисовали схему и отправили ее искусственному интеллекту, чтобы он помог нам ее реализовать.

заключительные замечания

Как показано в данной работе, Trae играет роль эффективного помощника программиста во время разработки проекта "AI Spring Festival", помогая разработчику создать полнофункциональное приложение с помощью естественных и плавных диалоговых взаимодействий.

Конечно, Трэю, как новичку, еще многое предстоит довести до совершенства.

Например, в процессе реализации эффекта анимации фонаря пользователю необходимо предоставить примеры изображений, чтобы ИИ мог более эффективно выполнить задачу разработки.

Для некоторых часто используемых правил конфигурации в редакторе пока не предусмотрены глобальные опции, поэтому пользователям приходится повторять настройки при их повторном использовании, что делает процесс работы немного громоздким. Мы ожидаем, что команда Trae оптимизирует эти детали в последующих выпусках.

Тем не менее, мы верим, что инструменты программирования ИИ, такие как Trae, будут совершенствоваться по мере того, как все больше разработчиков будут присоединяться к нам и оставлять положительные отзывы. Инструменты и мастера дополняют друг друга, и это значительно повысит эффективность разработки программного обеспечения.

Внедрение технологии искусственного интеллекта, несомненно, снизило порог программирования, позволив большему количеству людей участвовать в разработке программного обеспечения и создавать более практичные и креативные интернет-продукты.

Заглядывая в будущее, можно сказать, что мы стоим на пороге эпохи всплеска инноваций в области интернет-продуктов.