FlutterFlow MCP и CLI: Полное руководство
Суть за 30 секунд
Официальное видео от FlutterFlow, которое показывает, как использовать FlutterFlow CLI для подключения AI-агентов (Codex, Claude, Gemini CLI, Cursor) к вашим проектам. В видео пошагово разбирается процесс: от установки CLI до создания нового e-commerce приложения и редактирования уже существующего.
📍 Навигация (Timeline)
- 00:00 — Введение: Что такое FlutterFlow MCP и какие возможности он открывает.
- 00:23 — Установка CLI: Как установить FlutterFlow CLI глобально с помощью команды Package flutterflow_cli is currently active at version 0.0.33. Resolving dependencies… Downloading packages…
flutterflow_cli 0.0.34 (was 0.0.33) Building package executables… Built flutterflow_cli:flutterflow_cli. Installed executable flutterflow. Activated flutterflow_cli 0.0.34..
- 00:57 — Инициализация нового проекта: Использование команды для создания проекта с нуля (пример с e-commerce приложением).
- 02:00 — Взаимодействие с AI-агентом: Демонстрация того, как AI-агент (в примере используется Codex) подключается к проекту и начинает создавать страницы.
- 03:45 — Редактирование существующего проекта: Как подключить CLI к уже созданному в FlutterFlow проекту, указав его ID.
- 05:30 — Примеры команд: Построение UI, добавление виджетов и логики через текстовые промпты.
- 07:10 — Итоги: Краткое резюме о том, как CLI и MCP ускоряют и упрощают разработку.
🧠 Ключевые команды
- Package flutterflow_cli is currently active at version 0.0.34.
Resolving dependencies…
Downloading packages…
The package flutterflow_cli is already activated at newest available version.
To recompile executables, first run
dart pub global deactivate flutterflow_cli. Installed executable flutterflow. Activated flutterflow_cli 0.0.34. — Глобальная установка/обновление CLI. - — Инициализация нового проекта в указанной папке.
- (в существующем проекте) — Подключение к существующему проекту FlutterFlow.
🛠 Важные моменты
- API Ключ: Для работы CLI необходим API-ключ из вашего аккаунта FlutterFlow.
- Два режима работы: Вы можете либо создать новый проект, либо подключиться к существующему, указав его ID.
- Глобальная установка: CLI ставится один раз и автоматически обновляется при каждом запуске.