Установка Flutter

Прежде чем учиться создавать приложения Flutter, вам необходимо установить Flutter SDK и все необходимые зависимости на локальном компьютере. В этом разделе подробно описаны шаги установки в системах Windows, macOS и Linux.

Системные требования

Перед установкой Flutter убедитесь, что ваша среда разработки соответствует следующим базовым требованиям:

ТребованияWindowsmacOSLinux
Операционная системаWindows 10 или более поздняя версияmacOS 10.14 или более поздняя версияUbuntu 18.04 или более поздняя версия
Место на дискеНе менее 2.8 GBНе менее 2.8 GBНе менее 2.8 GB
ИнструментыGit for WindowsGit (через Xcode)Git, curl, unzip

Шаги установки для Windows

Шаг 1: Установка Git for Windows

Git — это инструмент контроля версий, и Flutter нуждается в нём для управления кодом и загрузки SDK.

  1. Посетитестраницу загрузки Git for Windows
  2. Скачайте последнюю версию Git for Windows
  3. Запустите установщик и завершите установку, используя настройки по умолчанию

Шаг 2: Установите Visual Studio Code (рекомендуется)

Visual Studio Code (VS Code) — наш рекомендуемый редактор для разработки на Flutter, предлагающий богатую поддержку расширений Flutter.

  1. Посетитеофициальный сайт VS Code
  2. Скачайте и установите VS Code
  3. После установки откройте VS Code.

Шаг 3: Установите Flutter SDK

Есть два способа установки Flutter SDK:

Способ 1: Установка с помощью VS Code (рекомендуется)

Расширение Flutter для VS Code может автоматически скачать и настроить Flutter SDK.

  1. В VS Code нажмите значок расширений слева (или нажмите Ctrl+Shift+X)
  2. Введите "Flutter" в поиск и найдите расширение "Dart and Flutter extensions"
  3. Нажмите "Install", чтобы установить расширение.
  4. После установки нажмите Ctrl+Shift+P, чтобы открыть палитру команд.
  5. Введите "Flutter: New Project" и выберите
  6. Выберите "Download SDK", затем укажите каталог установки

Способ 2: Скачать и установить вручную

  1. Перейдите настраницу загрузки официального сайта Flutter
  2. Скачайте последнюю версию Flutter SDK (файл .zip)
  3. Распакуйте скачанный файл в выбранный вами каталог, например C:\flutter
  4. Добавьте каталог bin Flutter в системную переменную среды PATH

Настройте переменные среды вручную

Шаги по настройке переменных среды в Windows:

  1. Щёлкните правой кнопкой мыши по «Этот компьютер» и выберите «Свойства».
  2. Нажмите «Дополнительные параметры системы»
  3. Нажмите «Переменные среды»
  4. В разделе «Системные переменные» найдите Path и нажмите «Изменить».
  5. Нажмите «Создать» и добавьте путь к каталогу bin Flutter (например, C:\flutter\bin)
  6. Нажмите OK, чтобы сохранить

Этапы установки macOS

Шаг 1: Установите Git

В macOS обычно уже предустановлен Git. Это можно проверить с помощью следующей команды:

$ git --version

Если он не установлен, выполните следующую команду:

$ xcode-select --install

После появления диалогового окна нажмите кнопку «Установить».

Шаг 2: Установите VS Code

софициального сайта VS CodeСкачайте и установите VS Code.

Шаг 3: Установите Flutter SDK

Как и в Windows, вы можете выбрать установку из VS Code или вручную.

Шаги ручной установки:

  1. Скачайте Flutter SDK:
$ git clone https://github.com/flutter/flutter.git -b stable
  1. Добавьте Flutter в PATH:
$ echo 'export PATH="$PATH:/Users/你的用户名/flutter/bin"' >> ~/.zshrc
$ source ~/.zshrc

Шаги установки Linux

Шаг 1: Установите необходимые инструменты

В системах Ubuntu/Debian выполните следующую команду, чтобы установить необходимые инструменты:

$ sudo apt-get update
$ sudo apt-get install -y curl git unzip xz-utils zip libglu1-mesa

Шаг 2: Клонируйте Flutter SDK

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

Шаг 3: Настройте PATH

$ echo 'export PATH="$PATH:$HOME/flutter/bin"' >> ~/.bashrc
$ source ~/.bashrc

Проверка установки

Независимо от того, какую операционную систему вы используете для установки Flutter, вы можете проверить установку с помощью следующей команды:

$ flutter doctor

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

Doctor summary (v3.x.x):
[✓] Flutter (Channel stable, 3.x.x)
[✓] Android toolchain
[✓] iOS toolchain
[✓] Chrome (for web development)
[✓] Windows toolchain
[✓] macOS toolchain
[✓] Linux toolchain
[✓] Web server

При первом запуске flutter doctor будет загружен Dart SDK и выполнены некоторые операции инициализации, что может занять несколько минут.

Устранение типичных проблем

Команда flutter не найдена

Если команда flutter не найдена в терминале, проверьте:

  • Правильно ли настроена переменная среды PATH.
  • Было ли открыто новое окно терминала (изменения переменных среды вступают в силу только после открытия нового окна).

Предупреждение об отсутствии Android Studio

При запуске flutter doctor может появиться предупреждение о том, что Android Studio не установлена. Если вы не разрабатываете приложения для Android, это предупреждение можно игнорировать.

Проблемы с Android SDK

Если вам нужно разрабатывать приложения для Android, но возникают проблемы с SDK, вы можете:

  1. Скачать и установитьAndroid Studio
  2. В Android Studio установите Android SDK через SDK Manager
Другие расширения