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

Общее введение

WeaveFox - это интеллектуальная R&D-платформа для фронтенда с искусственным интеллектом, запущенная компанией Ant Group и направленная на повышение эффективности и качества разработки фронтенда с помощью технологий искусственного интеллекта. Платформа основана на разработанной компанией Ant мультимодальной модели Bailing, которая может напрямую генерировать исходный код на основе чертежей дизайна и поддерживает различные клиенты и технологические стеки, такие как React, Vue и т. д. WeaveFox не только точно восстанавливает черновики дизайна, но и поддерживает вторичную корректировку в соответствии с индивидуальными потребностями. В настоящее время WeaveFox находится в стадии закрытой разработки, а в следующем году ожидается его официальное открытие, что позволит разработчикам фронтенда получить революционный опыт разработки.

Список функций

• Создание исходного кода на основе проектных чертежей
• Поддержка нескольких типов клиентов (консоль, мобильные H5, апплеты и т.д.)
• Совместимость с различными технологическими стеками (например, React, Vue и т. д.).
• Предоставление услуг по тонкому пониманию и оптимизации пользовательского интерфейса
• Поддерживает вторичную корректировку в соответствии с индивидуальными требованиями
• Повышение эффективности и качества разработки внешних компонентов

Использование помощи

Процесс установки

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

Руководство по использованию

1. Вход и настройка: Посетите официальный сайт WeaveFox, чтобы зарегистрироваться и войти в свою учетную запись. Следуйте подсказкам, чтобы завершить первоначальную настройку.
2. Загрузите дизайн: Загружайте проектные чертежи в интерфейс платформы, который поддерживает различные форматы (например, PNG, JPEG и т. д.).
3. Выбор технологического стека: Выберите правильный стек технологий в зависимости от требований проекта, например, React, Vue и т. д.
4. Сгенерировать код: Нажмите кнопку "Generate Code", и WeaveFox автоматически сгенерирует внешний исходный код в соответствии с проектными чертежами.
5. Корректировка кода: Сгенерированный код может быть дважды адаптирован в рамках платформы в соответствии с индивидуальными требованиями.
6. Загрузка и развертывание: После завершения настройки загрузите сгенерированный код и разверните его в соответствующей среде разработки.

Детальное управление функциями

• Загрузка дизайна: Он поддерживает загрузку и выбор файлов с помощью перетаскивания, а после загрузки платформа автоматически разбирает дизайн.
• Выбор технологического стека: Доступны различные варианты технологического стека, поэтому пользователи могут свободно выбирать в соответствии с потребностями проекта.
• генерация кода: Основанная на разработанной Ant мультимодальной макромодели Bailing, WeaveFox может точно генерировать внешний код, соответствующий проектным чертежам.
• Оптимизация пользовательского интерфейса: Платформа с тонким пониманием пользовательского интерфейса и способностью давать точные рекомендации по оптимизации кода.
• Вторичные корректировки: Пользователи могут вносить вторичные коррективы в сгенерированный код в рамках платформы, чтобы убедиться, что окончательный код соответствует требованиям проекта.
• управление проектами: Обеспечивает функциональность управления проектами, позволяя пользователям управлять несколькими проектами в рамках платформы, облегчая контроль версий и совместную работу.

демонстрации

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

в первую очередьМы разрежем изображение на части, выберем части, для которых нужно сгенерировать код, и нажмем кнопку "Сгенерировать код" очень сильно!

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

после этогоЗатем вы нажимаете "OK" и позволяете магии генерации кода начать работать!

окончательныйРасслабьтесь и подождите несколько минут, и после небольшого чаепития вы сможете увидеть блестящий код и крутое превью эффекта!

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

Что делать, если вы не удовлетворены? Он также поддерживает вторичную настройку, так что вы можете стать богом фронтенда за считанные секунды!

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