Установка Flutter на Windows-машину с Android Studio

Прежде всего, нужно удостовериться в том, что у нас установлена последняя версия Android Studio. Также нам потребуется скачать и установить Git – система контроля версий.

Также в Android Studio нам необходимо открыть SDK Manager (находится во вкладке Tools), перейти во вкладку SDK Tools. Здесь вам необходимо установить Android SDK Command-line Tools (утилиты командной строки). Эти утилиты необходимы для работы Flutter.

Также обратите внимание на путь к SDK (Android SDK Location). Если он у вас не стандартный, его необходимо запомнить: он нам понадобиться.

Итак теперь закройте Android Studio и откройте PowerShell или терминал Windows. С помощью команды cd перейдите в корень диска C.

cd C:\

После этого создайте директорию src в корне диска C.

mkdir src

И перейдите в неё.

cd src

Теперь с помощью Git вы можете скачать Flutter из официального репозитория в эту директорию с помощью этой команды.

git clone https://github.com/flutter/flutter.git -b stable

Начнется скачивание всего необходимого. После этого, в папке src у вас появится папка flutter с Flutter SDK.

Теперь нам необходимо задать переменные среды для Flutter, чтобы работали команды flutter и dart. Для этого зайдите в свойства вашего компьютера (сюда можно попасть разными способами, но проще всего открыть Этот компьютер, нажать правой кнопкой мыши по пустому месту и выбрать Свойства). Далее выбрать Дополнительные параметры системы, как показано на рисунке ниже.

В отрывшемся окне нажимаем на кнопку Переменные среды…

Здесь в разделе системных переменных нам необходимо найти переменную Path. Выбираем её и нажимаем Изменить…

Здесь, в конец списка вам необходимо добавить путь к директории bin внутри flutter. Должно получится что-то такое.

После того, как вы это сделали, нажимаем везде ОК. Вы добавили Flutter в Path, чтобы изменения вступили в силу, вам необходимо перезагрузить компьютер.

После того, как вы перезагрузили компьютер, нужно проверить, видит ли операционная система утилиты Flutter. Чтобы это сделать, достаточно открыть консоль (cmd или PowerShell) и написать эту команду:

flutter

Если вам вывелся список команд Flutter, это значит, что вы все сделали правильно. Теперь давайте проверим, что же еще нужно:

flutter doctor

Начнется самопроверка. Зеленым будут показаны успешные тесты, желтым – не критичные, но требующие внимания ошибки, а красным – ошибки, из-за которых разработка на Flutter для всех (или определенных) платформ не представляется возможной.

Потребуется знание английского языка. Или хотя бы переводчик. Ошибки здесь могут быть самыми разнообразными и необходимо искать по ним информацию в Интернете. Но обычно нужно принять пару-тройку лицензионных соглашений (прямо в консоли) или установить плагин flutter в Android Studio. Если принять лицензионное соглашение – это достаточно простая процедура, то установка плагина в Android Studio… тоже очень простая! Выполняется буквально в пару шагов. Открываем Android Studio, переходим в File -> Settings, ищем пункт Plugins. Здесь в поле поиска вводим flutter и устанавливаем самый первый в выдаче, он так и называется.

Android Studio спросит, хотим ли мы прицепом установить еще плагин Dart, конечно же соглашаемся и после установки перезагружаем Android Studio.

Также стоит оговориться, если у нас Android SDK и (или) Android Studio установлены не по традиционному пути, то необходимо сказать Flutter об этом. Чтобы это сделать, нужно воспользоваться командой config:

flutter config --android-sdk "Путь к папке с установленным Android SDK"
flutter config --android-studio-dir "Путь к папке с установленной Android Studio"

Кстати говоря, после каждой попытки исправить ошибки, которые мы видим в doctor есть смысл заново его запускать, для уверенности.

Вообще, если запустить команду flutter config без аргументов можно увидеть всевозможные его настройки. Будет полезно ознакомиться с ними.

Если вы исправили все ошибки, то стоит попробовать создать и запустить свой первый Flutter-проект. Это можно сделать в Android Studio через File -> New Flutter project.

//Happy coding!

Оставить отклик

Ваш адрес эл.почты не будет опубликован.