Интерфейс редактора
Редактор Moonely состоит из нескольких панелей: ИИ-чат, превью, файловый менеджер и консоль. Каждая панель отвечает за свою часть процесса создания сайта.
Области интерфейса
Сайдбар (слева)
Боковая панель содержит:
- • Список проектов — все ваши созданные сайты
- • История чатов — предыдущие сеансы генерации
- • Баланс кредитов — сколько кредитов осталось
- • Настройки — аккаунт, тариф, параметры
ИИ-чат (центр)
Основная рабочая область. Здесь вы общаетесь с ИИ: описываете сайт, просите внести правки, задаёте вопросы. Сообщения от ИИ содержат сгенерированный код, который сразу отображается в превью.
Превью (справа)
Живой предпросмотр вашего сайта. Обновляется в реальном времени во время генерации. Можно переключать между десктопным, планшетным и мобильным видом.
Панель файлов
Дерево файлов вашего проекта. Здесь видно все файлы: HTML, CSS, JavaScript, изображения. Можно открыть любой файл для ручного редактирования.
Консоль (внизу)
Панель отладки. Показывает ошибки JavaScript, предупреждения и логи. Полезна для разработчиков, но в большинстве случаев её можно игнорировать.
Изменение размеров панелей
Все панели можно перетаскивать за границу, чтобы настроить удобный размер. Наведите курсор на разделитель между панелями — он подсветится. Зажмите левую кнопку мыши и перетащите.
Настройте под себя
Горячие клавиши
| Действие | Сочетание |
|---|---|
| Фокус на чат | Ctrl+L |
| Переключить превью | Ctrl+Shift+P |
| Открыть/скрыть консоль | Ctrl+` |
| Опубликовать | Ctrl+Shift+D |