Обзор редактора
Редактор Layeron — это three-panel интерфейс для создания и управления проектом:
Переключение между панелями доступно через вкладки в верхней части редактора.
Chat
Чат — основной инструмент работы. Здесь вы:- описываете задачи для AI
- просите правки и исправления
- получаете результат генерации
- управляете extensions
Возможности чата
- Text — текстовые запросы
- Layeron Mode — планирование перед генерацией
- Extensions — подключение внешних сервисов
- Images — загрузка изображений
- Voice — голосовой ввод
- File mentions — упоминание файлов через
@
История сообщений
Вся история чата сохраняется. Вы можете вернуться к любому сообщению и попросить AI продолжить с этого места.Preview
Preview показывает результат генерации в реальном времени.Возможности preview
- Автоматическое обновление — preview обновляется после каждой генерации
- Responsive проверка — проверяйте отображение на разных размерах экрана
- Визуальное редактирование — кликните на элемент для быстрого редактирования
- Консоль — просматривайте ошибки браузера
Visual Edit
Функция “Visual Edit” позволяет кликнуть на элемент в preview и получить быстрые опции редактирования:- Изменить текст
- Поменять цвет
- Изменить размер
- Скрыть/показать элемент
Консоль
Во вкладке Console отображаются ошибки браузера из preview. Это помогает быстро находить и исправлять runtime-ошибки.Code View
Code View позволяет просматривать и редактировать исходный код проекта напрямую.Просмотр файлов
- Навигация по дереву файлов
- Поиск по содержимому
- Подсветка синтаксиса
- Просмотр diff для каждой генерации
Редактирование
Вы можете вносить изменения в код вручную. Изменения отобразятся в preview после сохранения.Sidebar
Sidebar содержит дополнительные инструменты управления проектом.Файлы проекта
Полный список файлов проекта с навигацией по директориям. Файлы группируются по типам:- Components (компоненты)
- Pages (страницы)
- Styles (стили)
- Utils (утилиты)
- Config (конфигурация)
Cloud Panel
Управление Cloud-окружением проекта:- Overview — статус, URL, ресурсы
- Resources — CPU, RAM, потребление
- Storage — загрузка и управление файлами
- Env — переменные окружения
- Logs — логи запуска и работы
Git Panel
Управление Git-интеграцией:- Подключение провайдера
- Экспорт и синхронизация
- Просмотр коммитов
- Настройка webhook
Team Panel
Управление участниками проекта:- Список участников
- Приглашение новых
- Назначение ролей
Version History
Просмотр и восстановление сохраненных версий проекта.Навигация по проекту
Заголовок редактора
В верхней части редактора отображается:- Название проекта
- Статус deploy
- URL preview
- Кнопки действий (publish, settings)
Быстрые действия
- Publish — публикация проекта
- Settings — настройки проекта
- Share — приглашение участников
- Export — экспорт в Git