Заметки
Flutter for web - создание веб-приложения

Егор Долгов

26.07.2019 12:08:15 (обновлено 11.10.2019 18:17:19)

За все время: 2241 просмотр, 609 посетителей.
За последние 30 дней: 2 просмотра, 2 посетителя.

Flutter for web - создание веб-приложения

Flutter for web Git репозиторий

ВНИМАНИЕ: Данная заметка устарела с выходом Flutter >= 1.9
Смотрите: FlutterWeb Урок 1. Введение в разработку на Flutter для Интернета

Установка и настройка необходимых пакетов

Пакет stagehand - создает новый проект из выбранного шаблона
Пакет webdev - нужен для запуска и компиляции web приложения flutter

Для установки пакетов используется встроенный pub инструмент во Flutter SDK или Dart SDK.
Подробнее про pub

stagehand - пакет для создания Dart проектов из шаблонов

Команда для выполнения в командной строке (терминале):

pub global activate stagehand
// Здесь:
// pub - приложение для управления Dart пакетами и зависимостями
// global - команда pub для управления глобальными пакетами
// activate - команда включения пакета в глобальный доступ
// stagehand - название пакета из pub репозитория [https://pub.dev/packages/stagehand]

Теперь для создания нового web проекта можно выполнить команды в терминале:

mkdir test_web_app
// mkdir - в консоле Windows, команда для создания директории
// test_web_app - придуманное название для директории (проекта)

cd test_web_app
// cd - в консоле Windows, команда для перехода в директорию

stagehand flutter-web-preview
// обращение к сценарию пакета stagehand происходит напрямую (глобально)
// flutter-web-preview - название шаблона который нам нужен для создания web приложения flutter

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

webdev - пакет для запуска и компиляции flutter web приложений

pub global activate webdev
// как и с пакетом stagehand, устанавливаем пакет webdev и делаем к нему глобальный доступ
// [https://pub.dev/packages/webdev]

Теперь можно запустить приложение

webdev serve --auto restart
// serve - команда для запуска web приложения
// --auto - автоматическая перезагрузка приложения
// restart - режим обновления

Подборка заметок