Как установить Flutter на Mac

Если мы хотим установить и запустить Flutter, наша среда разработки должна соответствовать следующим минимальным требованиям.

Операционные системы : macOS (64-разрядная версия)
Дисковое пространство : 700 МБ (без дискового пространства для IDE/инструментов).
Инструменты : Flutter зависит от того, доступны ли в вашей среде эти инструменты командной строки.
- bash , mkdir , rm , git , curl , распаковать , which

Шаг 1. Получите Flutter SDK

Вы можете загрузить Flutter SDK отсюда.

Теперь вам нужно распаковать этот пакет. Вы можете переместить эту распакованную папку в проект, где вы сохраните все другие папки проекта, или остаться там, где она была.

Добавить флаттер в путь mac

Следующим шагом является настройка системного пути для флаттера. Для этого вам нужно добавить путь флаттера к переменным среды.

Итак, откройте .bash_profile или .zshrc и добавьте к нему путь следующего вида.

 export PATH = $ PATH:/home/krunal/Desktop/code/flutter/bin

Видите, здесь указанный выше путь принадлежит мне, а ваш может быть другим. Поэтому добавьте правильный путь в соответствии со структурой ваших папок. Сохраните файл и выйдите.

Шаг 2. Запустите Flutter Doctor

Вы можете проверить, где у Flutter есть правильный путь или нет, набрав следующую команду.

 which flutter

Итак, вот Он показывает мне правильный путь. Теперь выполните следующую команду.

 flutter doctor

Вы увидите что-то вроде этого.

Приведенная выше команда проверяет вашу среду и отображает отчет в окне терминала. Dart SDK поставляется вместе с Flutter; нет необходимости устанавливать Dart отдельно.

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

Шаг 3. Установка Android

На данный момент текущая версия Android Studio — 3.2. Flutter полагается на полную установку Android Studio для обеспечения своих зависимостей платформы Android.

Однако вы также можете напишите свои приложения Flutter в некоторых редакторах, например, я использую Visual Studio Code. Но нам нужна студия Android для создания виртуальных устройств Android и некоторых других зависимостей.

Установить Android Studio

Загрузите и установите Android Studio.
Запустите Android Studio и пройдите через «Мастер установки Android Studio». Это устанавливает последний Android SDK, Android SDK Platform-To ols и Android SDK Build-Tools, которые требуются Flutter при разработке приложения Flutter для Android. Если вы уже установили, обновите его до последней версии, а также все другие SDK.

Настройте эмулятор Android

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

Включите ускорение виртуальной машины на вашем компьютере.
Запустите Android Studio> Инструменты> Android> AVD Manager и выберите Создать виртуальное устройство . (Подменю Android присутствует только в проекте Android.)
Выберите определение устройства и нажмите Далее .
Выберите один или несколько образов системы для версий Android, которые вы хотите эмулировать, и нажмите Далее . Рекомендуется образ x86 или x86_64 .
В разделе «Эмулированная производительность» выберите Оборудование — GLES 2.0 , чтобы включить аппаратное ускорение.
Убедитесь, что конфигурация AVD верна, и выберите Готово . Подробные сведения о вышеуказанных шагах см. В разделе «Управление AVD».
В диспетчере виртуальных устройств Android нажмите Выполнить на панели инструментов. Эмулятор запускается и отображает холст по умолчанию для выбранной вами версии ОС и устройства.

Шаг 4: Настройка IOS

Если мы хотим разрабатывать приложения Flutter для iOS, вам понадобится Mac с Xcode 9.0 или новее. Я использую XCode 10. 1

Настройте симулятор iOS

Мы можем подготовиться к запуску и протестировать ваше приложение Flutter на симуляторе iOS, следуя этим шаги:

На вашем Mac найдите Simulator через Spotlight или с помощью следующей команды:
```
 open -a  Симулятор 
```
Убедитесь, что ваш симулятор использует 64-битное устройство (iPhone 5s или новее), проверив настройки в Меню «Оборудование»> «Устройство» .
В зависимости от размера экрана вашей машины для разработки моделируемые устройства iOS с высокой плотностью экрана могут выходить за пределы вашего экрана. Установите масштаб устройства в меню Window> Scale в симуляторе.

Шаг 5: Создайте новый проект Flutter

Как я уже сказал, я использую код Visual Studio для этого проекта. Я хотел бы открыть его и создать новый проект из Visual Studio Code. Теперь следуйте инструкциям в Visual Studio Code.

Вызов View> Command Palette .
Введите «flutter» ”И выберите Flutter: New Project .
Введите имя проекта, например app, и нажмите Enter .
Создайте или выберите родительский каталог для новой папки проекта.
Дождитесь завершения создания проекта и появления файла main.dart.

Это приведет вас к файловой системе, в которой вы можете создать папку проекта, и все остальное сделает редактор, и он создаст совершенно новый проект.