Как собрать среду разработки Flutter на Windows, MacOS (подробно)

Flutter
Как собрать среду разработки Flutter на Windows, MacOS (подробно)

Специальное примечание: Если читатель не умеет путешествовать по Интернету с научной точки зрения! Пожалуйста, прекратите сначала учиться, потому что читатели не могут успешно построить среду разработки Flutter, поэтому сначала зайдите в Интернет, и вы можете открыть Google, а затем вернуться, чтобы учиться более эффективно.

Создание среды разработки Flutter (версия для Windows)

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

Для успешной установки и запуска Flutter в Windows системная среда разработки ридера должна соответствовать следующим минимальным требованиям:

  • Операционная система: Windows7 или более поздняя 64-разрядная (64-разрядная) операционная система;
  • Место на диске: более 3 ГБ, хотя официально заявлено 400 МБ, но также необходимо установить Android Studio и виртуальную машину, поэтому по крайней мере около 3 ГБ, если он может достигать 5 ГБ, это лучше, чтобы он мог соответствовать требованиям установки несколько виртуальных машин;
  • Инструменты: Flutter использует следующие инструменты командной строки.

Загрузка и установка Java Development Kit

Загрузите комплект для разработки Java

Адрес загрузки комплекта разработки Java, этот адрес изменится с обновлением Java, если он изменился, выполните поиск на Baidu.Java скачатьили напрямую кофициальный сайт Явыскачать.

Java开发工具包
Сначала щелкните кружок в красном поле, а затем выберите версию в зависимости от того, является ли система читателя 64-битной или 32-битной.Система автора 64-битная, поэтому выберите версию Windows x64 внизу.

Установите комплект для разработки Java

Прежде всего, после завершения загрузки дважды щелкните, чтобы запустить установку, просто щелкните следующий шаг, читатели путей установки бесплатны;

Наконец, после завершения установки, войдите в терминал (командная строка cmd)java, появится результат, показанный на рисунке ниже, что означает, что установка прошла успешно.

CMD命令行

Получить флаттер SDK

  1. Читатели переходят на официальный сайт Flutter, чтобы загрузить последний доступный установочный пакет,Адрес загрузки официального сайта(Если адрес недействителен, пожалуйста, свяжитесь с автором быстро)
    Windows-Flutter SDK
    Примечание: версия канала Flutter будет постоянно меняться, пожалуйста, обратитесь к официальному веб-сайту Flutter; кроме того, читатели также могут перейти на проект Github Flutter, чтобы загрузить установочный пакет,ссылка на скачивание.
  2. После завершения загрузки разархивируйте ZIP-файл установочного пакета по пути, который хочет разархивировать читатель (Примечание. Не распаковывайте ZIP-файл установочного пакета по пути, который требует некоторых высоких разрешений, таких какC:\Program Files\)
  3. Найдите его под файлом флаттера в распакованной директории установочного пакета zip.flutter_console.bat, дважды щелкните, чтобы запустить и запустить командную строку флаттера, а затем читатель может запустить команду флаттера в командной строке флаттера.

Настроить переменные среды

Если читатель хочет запустить команду флаттера в командной строке терминала CMD, а не черезflutter_console.batЧтобы запускать команды флаттера, вам необходимо добавить следующие переменные среды в системный путь:

  • Панель управления > Система и безопасность > Система > Дополнительные параметры системы > Переменные среды
  • Проверьте в разделе «Системные переменные» запись с именем «Путь»:
    • Если запись существует, добавьтеflutter\binполный путь (например,D:\Development_Tools\Flutter_SDK\flutter\bin), используйте ; в качестве разделителя
    • Если запись не существует, создайте новую системную переменную Path и установитеflutter\binполный путь как его значение

Настроить зеркалирование

Поскольку доступ к Flutter в Китае иногда может быть ограничен, Flutter официально создал временное зеркало для китайских разработчиков. Читателям необходимо настроить адрес зеркального сервера в переменной пользовательской среды:

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

配置镜像服务器
иллюстрировать: это временное изображение, и его постоянное наличие не может быть гарантировано.флаттер.IO/сообщество/ из…чтобы получать последние новости о зеркальных серверах.

Запустите команду флаттер-доктор

Запустите следующую команду в командной строке CMD или командной строке Flutter, чтобы узнать, нужно ли устанавливать другие зависимости, и если да, установите (диск):

flutter doctor

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

C:\Users\Administrator>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel master, v1.1.10-pre.214, on Microsoft Windows [Version 10.0.17134.706], locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[√] Android Studio (version 3.0)
[!] IntelliJ IDEA Ultimate Edition (version 2017.2)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[!] Connected device
    ! No devices available

! Doctor found issues in 2 categories.

Выше приведена информация вывода команды автора, и читатель запускает ее на своем компьютере.flutter doctorЗнак [X] в информации о выводе команды, которую вы видите, определенно будет больше, чем у автора, поскольку читатель не установил Android Studio (сокращенно AS), тогда я объясню, как скачать и установить AS.

Загрузка и установка Android Studio

Теоретически для создания приложений Flutter можно использовать любой текстовый редактор и инструмент командной строки. Тем не менее, Flutter официально рекомендует использовать один из редакторов Android Studio и VS Code для более удобной разработки. Flutter официально предоставляет плагины Flutter для этих двух редакторов.Интегрируя плагины Flutter в редактор, вы можете получить такие функции, как завершение кода, подсветка синтаксиса, помощь в редактировании виджетов, поддержка запуска и отладки и т. д., которые могут помочь мы значительно повысить эффективность разработки.

Скачать как

Установочный пакет AS можно скачать прямо с официального сайта.Адрес официального сайта, после входа на официальный веб-сайт щелкните строку меню «Android Studio», а затем увидите следующий интерфейс, нажмите кнопку «СКАЧАТЬ ANDROID STUDIO» для загрузки.

官网
Нажмите «Я прочитал и согласен с вышеуказанными положениями и условиями» и отметьте его; затем нажмите кнопку «Загрузить ANDROID STUDIO FOR WINDOWS», чтобы загрузить:
AS下载

Установить AS

После загрузки установочного пакета AS дважды щелкните, чтобы установить его.Процесс установки почти такой же, как нажатие кнопки Далее.Если читатель не знает, как его установить, обратитесь кAS загрузить руководство по установке и настройке.

После завершения установки AS откройте командную строку CMD и снова запустите ее.flutter doctorкоманду, чтобы убедиться, что установка прошла успешно.

Установить сертификат Android

После установки AS снова откройте командную строку CMD и введитеflutter doctorкоманда [X] будет значительно уменьшена в это время, но читатель может столкнуться с 1~2 [X], один из которых является сообщением о том, что сертификат Android не установлен.Чтобы установить сертификат, вам необходимо выполнить команду следующая команда в командной строке CMD:

flutter doctor --android-licenses

Затем читателю предлагается выбратьY/N, не сомневайтесь, всегда выбирайтеY, сертификат может быть успешно установлен.

Установите плагин Flutter на AS

Откройте клиент AS, нажмите «Файл» > «Настройки» > «Плагины» > «Обзор репозиториев» > введите Flutter > «Установить».

Flutter插件
После завершения установки ридеру необходимо перезапустить клиент AS.

AS создает проект Flutter

  1. Нажмите «Файл» > «Новый проект Flutter».
  2. Выберите приложение Flutter в качестве типа проекта, затем нажмите «Далее».
  3. Введите имя проекта (например, myapp) и нажмите «Далее».
  4. Нажмите Готово
  5. Подождите, пока Android Studio установит SDK и создаст проект.

AS запускает проект Flutter

  1. Перейдите на панель инструментов AS:
    AS工具栏
  2. В селекторе цели выберите устройство Android, на котором запущено приложение. Если он не указан как доступный, выберите «Инструменты» > «Android» > «AVD Manager» и создайте его.
  3. Щелкните значок «Выполнить» на панели инструментов.
  4. На реальном устройстве или эмуляторе ридера вы увидите запущенное приложение.
    运行效果

Загрузка и установка VS Code

VS Code — это легкий редактор, который поддерживает запуск и отладку Flutter.

Скачать код VS

Установочный пакет VS Code можно скачать прямо с официального сайта.Адрес официального сайта, после входа на официальный сайт нажмите кнопку «Загрузить», а затем увидите следующий интерфейс, нажмите кнопку Windows для загрузки:

VS Code下载

Установить VS-код

После загрузки установочного пакета VS Code дважды щелкните его, чтобы установить.Процесс установки почти аналогичен нажатию кнопки «Далее».

Установите плагин Flutter на VS Code

  1. Запустите клиент VS Code
  2. Щелкните Вид > Палитра команд...
  3. Введите install, затем выберите Extensions:Install Extensions.
  4. Введите Flutter в поле ввода, выберите Flutter в списке результатов поиска и нажмите «Установить».
  5. Нажмите OK, чтобы перезапустить VS Code.
  6. Проверить конфигурацию
    • Щелкните Вид > Палитра команд...
    • Введите «Доктор», затем выберите «Flutter: Запустить Flutter Doctor».
    • Проверьте вывод в окне OUTPUT на наличие проблем

VS Code для создания проекта Flutter

  1. Запустите клиент VS Code
  2. Щелкните Вид > Палитра команд...
  3. Введите Flutter в поле ввода и выберите Flutter: New Project в списке результатов поиска.
  4. Введите имя проекта (например, myapp), затем нажмите Enter.
  5. Укажите, куда поместить элемент, и нажмите синюю кнопку ОК.
  6. Дождитесь создания проекта и покажите файл main.dart

Код VS для запуска проекта Flutter

Откройте окно ТЕРМИНАЛА и запуститеflutter runкоманду, как показано на рисунке:

TERMINAL窗口
Нажмите клавишу Enter и дождитесь запуска компиляции.После успешного запуска вы должны увидеть запущенное приложение на реальном устройстве или симуляторе ридера.

Создание среды разработки Flutter (версия для MacOS)

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

Для успешной установки и запуска Flutter на MacOS среда разработки системы ридера должна соответствовать следующим минимальным требованиям:

  • Операционная система: MacOS 64-разрядная (64-разрядная) операционная система
  • Место на диске: более 700 МБ (исключая дисковое пространство Xcode или Android Studio, предпочтительно более 3 ГБ, если оно включено)
  • Инструменты: Flutter-зависимостиbash、mkdir、rm、git、curl、unzip、whichэти инструменты командной строки

Получить Flutter SDK

  1. Читатели переходят на официальный сайт Flutter, чтобы загрузить последний доступный установочный пакет,Адрес загрузки официального сайта(Если адрес недействителен, пожалуйста, свяжитесь с автором быстро)
    MacOS-Flutter SDK
    Примечание: версия канала Flutter будет постоянно меняться, пожалуйста, обратитесь к официальному веб-сайту Flutter; кроме того, читатели также могут перейти на проект Github Flutter, чтобы загрузить установочный пакет,ссылка на скачивание.
  2. После завершения загрузки разархивируйте установочный пакет в каталог, который читатель хочет разархивировать, например:
cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

Настроить переменные среды

Добавьте Flutter в PATH, и читатели смогут работать в любом инструменте сеанса терминала.flutterЗаказ.

  1. Откройте инструмент сеанса терминала и используйте vim для настройки переменных среды.Команда выглядит следующим образом:
vim ~/.bash_profile
  1. существуетbash_profileФайл, добавьте следующий путь:
export PATH=~/development/flutter/bin:$PATH

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

  1. После завершения настройки необходимо использоватьsourceПерезагрузите команду, конкретная команда выглядит следующим образом:
source ~/.bash_profile

Уведомление: Если терминал, используемый считывателем, Zsh, при запуске терминала~/.bash_profileне будет загружаться, решение состоит в том, чтобы изменить~/.zshrc, в котором добавить:source ~/.bash_profile

  1. Проверьте, успешно ли настроена переменная среды.
flutter -h

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

配置成功

Настроить зеркалирование

Поскольку доступ к Flutter в Китае иногда может быть ограничен, Flutter официально создал временное зеркало для китайских разработчиков. Читателям необходимо настроить адрес зеркального сервера в переменной окружения:

  1. Откройте инструмент сеанса терминала и используйте vim для настройки переменных среды.Команда выглядит следующим образом:
vim ~/.bash_profile
  1. В файле bash_profile добавьте следующие пути:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  1. После того, как конфигурация будет завершена, вам нужно использовать исходную команду, чтобы перезагрузить ее.Конкретные команды следующие:
source ~/.bash_profile

Примечание. Если терминал, используемый считывателем, Zsh, при запуске терминала~/.bash_profileне будет загружаться, решение состоит в том, чтобы изменить~/.zshrc, в котором добавить:source ~/.bash_profile

иллюстрировать: это временное изображение, и его постоянное наличие не может быть гарантировано.флаттер.IO/сообщество/ из…чтобы получать последние новости о зеркальных серверах.

Загрузка и установка Xcode

Если читатели хотят создавать и запускать приложения Flutter на устройствах iOS, им необходимо загрузить и установить Xcode 9.0 или выше.

  1. Загрузите и установите Xcode 9.0 или более позднюю версию (черезссылка для скачиванияилиApple App Store);
  2. Конфигурация инструмента командной строки для использования Xcode версии Xcode только что установленной;
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

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

  1. Убедитесь, что вы согласны с лицензионным соглашением Xcode при открытии Xcode или по командеsudo xcodebuild -licenseСогласен с лицензионным соглашением Xcode.

Загрузка и установка Android Studio

Если читатели хотят создавать и запускать приложения Flutter на устройствах Android, им необходимо загрузить и установить Android Studio (сокращенно AS).

Скачать как

Установочный пакет AS можно скачать прямо с официального сайта.Адрес официального сайта, после входа на официальный веб-сайт щелкните строку меню «Android Studio», а затем увидите следующий интерфейс, нажмите кнопку «СКАЧАТЬ ANDROID STUDIO» для загрузки.

官方网站
Нажмите «Я прочитал и согласен с вышеуказанными положениями и условиями» и отметьте его; затем нажмите кнопку «Загрузить ANDROID STUDIO FOR MAC», чтобы загрузить:
AS下载

Установить AS

После загрузки установочного пакета AS используйте уникальный метод установки MacOS, перетащите его, чтобы успешно установить.

После завершения установки AS откройте инструмент терминала для запускаflutter doctorкоманду, чтобы убедиться, что установка прошла успешно.

Установить сертификат Android

После установки AS снова откройте терминал и введитеflutter doctor, [X] в это время будет значительно уменьшен, но читатель все еще может столкнуться с 1~2 [X], один из которых является сообщением о том, что сертификат Android не установлен.Чтобы установить сертификат, просто выполните следующую команду в терминальном инструменте.

flutter doctor --android-licenses

Затем читателю предлагается выбратьY/N, не сомневайтесь, всегда выбирайтеY, сертификат может быть успешно установлен.

Установите плагин Flutter на AS

Откройте клиент AS, нажмите «Настройки» > «Плагины» > «Обзор репозиториев» > введите Flutter > «Установить».

MacOS-Flutter插件
После завершения установки ридеру необходимо перезапустить клиент AS.

AS создает проект Flutter

  1. Нажмите «Файл» > «Новый проект Flutter».
  2. Выберите приложение Flutter в качестве типа проекта, затем нажмите «Далее».
  3. Введите имя проекта (например, myapp) и нажмите «Далее».
  4. Нажмите Готово
  5. Подождите, пока Android Studio установит SDK и создаст проект.

AS запускает проект Flutter

  1. Перейдите на панель инструментов AS:
    AS工具栏
  2. В селекторе цели выберите устройство Android, на котором запущено приложение. Если он не указан как доступный, выберите «Инструменты» > «Android» > «AVD Manager» и создайте его.
  3. Щелкните значок «Выполнить» на панели инструментов.
  4. На реальном устройстве или эмуляторе ридера вы увидите запущенное приложение.
    运行效果

Загрузка и установка VS Code

VS Code — это легкий редактор, который поддерживает запуск и отладку Flutter.

Скачать код VS

Установочный пакет VS Code можно скачать прямо с официального сайта.Адрес официального сайта, после входа на официальный сайт нажмите кнопку «Загрузить», а затем увидите следующий интерфейс, нажмите кнопку Mac для загрузки:

MacOS-VSCode

Установить VS-код

После загрузки установочного пакета VS Code используйте уникальный метод установки MacOS, перетащив его, чтобы установить его успешно.

Установите плагин Flutter на VS Code

  1. Запустите клиент VS Code
  2. Щелкните Вид > Палитра команд...
  3. Введите install, затем выберите Extensions:Install Extensions.
  4. Введите Flutter в поле ввода, выберите Flutter в списке результатов поиска и нажмите «Установить».
  5. Нажмите OK, чтобы перезапустить VS Code.
  6. Проверить конфигурацию
    • Щелкните Вид > Палитра команд...
    • Введите «Доктор», затем выберите «Flutter: Запустить Flutter Doctor».
    • Проверьте вывод в окне OUTPUT на наличие проблем

VS Code для создания проекта Flutter

  1. Запустите клиент VS Code
  2. Щелкните Вид > Палитра команд...
  3. Введите Flutter в поле ввода и выберите Flutter: New Project в списке результатов поиска.
  4. Введите имя проекта (например, myapp), затем нажмите Enter.
  5. Укажите, куда поместить элемент, и нажмите синюю кнопку ОК.
  6. Дождитесь создания проекта и покажите файл main.dart

Код VS для запуска проекта Flutter

Откройте окно ТЕРМИНАЛА и запуститеflutter runкоманду, как показано на рисунке:

TERMINAL窗口
Нажмите клавишу Enter и дождитесь запуска компиляции.После успешного запуска вы должны увидеть запущенное приложение на реальном устройстве или симуляторе ридера.

Установить другое программное обеспечение

Читатель снова запускается с помощью терминалаflutter doctorПроверьте, появилось ли следующее:

  To install, run:
    brew install --HEAD libimobiledevice
    brew install ideviceinstaller
✗ ios-deploy not installed. To install:
    brew install ios-deploy
✗ CocoaPods not installed.
    CocoaPods is used to retrieve the iOS platform side's plugin code that responds to your plugin usage on the Dart side.
    Without resolving iOS dependencies with CocoaPods, plugins will not work on iOS.
    For more info, see https://flutter.io/platform-plugins
  To install:
    brew install cocoapods
    pod setup

Вероятно, это означает, что это программное обеспечение необходимо установить, и Flutter рекомендует использовать для установки команду brew, чтобы читатели могли напрямую вводить следующие команды в инструменте терминала:

brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
pod setup

После каждой команды приходится ждать какое-то время, ожидая успешной установки пакета!

Подключите устройство, чтобы запустить приложение Flutter.

Windows поддерживает только устройства Android для создания и запуска приложений Flutter, а MacOS поддерживает устройства iOS и Android. Ниже описано, как подключить устройства Android и iOS для запуска приложений Flutter.

Подключить эмулятор Android

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

  1. запускатьAndroid Studio > Tools > Android > AVD Managerи выберитеCreate Virtual Device.
  2. Выберите устройство и нажмитеNext.
  3. Выберите один или несколько образов системы (рекомендуется образ x86 или x86_64) и нажмитеNext.
  4. В разделе «Эмуляция производительности» выберитеHardware - GLES 2.0включитьАппаратное ускорение.
  5. Убедитесь, что AVD настроен правильно, затем нажмитеFinish. Для получения дополнительной информации о вышеуказанных шагах см.Managing AVDs.
  6. Android Studio: в «Диспетчере виртуальных устройств Android» щелкните значок «Выполнить» на панели инструментов, и вы увидите запущенное приложение на эмуляторе.
  7. Код VS: откройте окно ТЕРМИНАЛА, запуститеflutter runКоманда, и вы увидите приложение, запущенное в эмуляторе.

Подключить реальное устройство Android

Если читателям необходимо запускать и тестировать приложения Flutter на реальных устройствах Android, им потребуется Android 4.1 (уровень API 16) или более поздние версии реальных устройств Android.

  1. Включить на реальных устройствах AndroidВарианты для разработчикова такжеUSB отладки. Подробные инструкции доступны по адресуОфициальная документация Androidнайти в.
  2. Подключите телефон к компьютеру с помощью USB. Если на устройстве появится запрос на отладку авторизации, разрешите компьютеру доступ к устройству.
  3. В редакторе открываем окно ТЕРМИНАЛ, запускаемflutter deviceчтобы убедиться, что редактор распознает реальное Android-устройство, подключенное к ридеру.
  4. Android Studio: в «Диспетчере виртуальных устройств Android» щелкните значок «Выполнить» на панели инструментов, и вы увидите запущенное приложение на реальном устройстве Android.
  5. Код VS: откройте окно ТЕРМИНАЛА, запуститеflutter runкоманда, вы увидите приложение, запущенное на реальном Android-устройстве.

Подключить симулятор iOS

Если читателям необходимо запустить и протестировать приложение Flutter на симуляторе iOS, выполните следующие действия:

  1. В MacOS найдите эмулятор с помощью Spotlight или следующей команды:
open -a Simulator
  1. Проверив симуляторHardware > DeviceНастройки в меню, убедитесь, что симулятор использует 64-битное устройство (iPhone 5s или новее).
  2. В зависимости от размера экрана компьютера читателя смоделированное устройство iOS с высоким разрешением может выйти за пределы экрана. в эмулятореWindow> ScaleУстановите масштаб устройства в меню.
  3. запустить в редактореflutter runКоманда для запуска приложения Flutter.

Подключитесь к реальному устройству iOS

Чтобы установить приложение Flutter на реальном устройстве iOS, читателям потребуются дополнительные инструменты, учетная запись Apple и некоторые настройки в Xcode.

  1. Установитьhomebrew(Если у вас уже установлен brew, пропустите этот шаг).
  2. Откройте терминал и выполните следующие команды:
brew update
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup

Каждый раз, когда вы теряете команду, вы должны ждать некоторое время, ожидая успеха! Если какая-либо из этих команд завершится ошибкой, запуститеbrew doctorкоманду и следуйте инструкциям, чтобы решить проблему.

  1. Следуйте процессу подписания, чтобы настроить программы чтения проекта Xcode:
    • В каталоге проекта Flutter читателя черезopen ios/Runner.xcworkspaceОткройте рабочее пространство Xcode по умолчанию.
    • В Xcode выберите в левой части панели навигацииRunnerпроект.
    • существуетRunnerНа странице настроек цели убедитесь, чтоGeneral > Signing > TeamКоманда разработчиков подбирается под. Когда команда выбрана, Xcode создает и загружает сертификат разработки, регистрирует учетную запись на устройстве, а также создает и загружает профиль подготовки (при необходимости).
    • Разработка первого проекта разработки iOS, вам может понадобиться использовать Xcode для входа в Apple ID.
      登录Xcode
      Любой Apple ID поддерживает разработку и тестирование, но если вы хотите распространять свое приложение в App Store, вы должны зарегистрироваться в программе Apple Developer Program, о которой читатели могут узнать подробнее.
    • При первом подключении реального устройства для разработки iOS необходимо доверять как Mac, так и сертификату разработки на устройстве. При первом подключении устройства iOS к MacOS в диалоговом окне выберитеTrust.
      Trust
      Затем перейдите кнастраиватьменю, выберитеОбщие > Управление устройствамии доверять читательскому сертификату.
    • Если автоматическая регистрация в Xcode не удалась, проверьтеGeneral > Identity > Bundle IdentifierЯвляется ли значение уникальным.
      Bundle Identifier
    • запустить в редактореflutter runКоманда для запуска приложения Flutter.

Обновление SDK Flutter

Обновите Flutter SDK и зависимости

Чтобы обновить Flutter SDK, достаточно одной строки команды:

flutter upgrade

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

  • flutter packages getПолучить все зависимости проекта
  • flutter packages upgradeПолучить последнюю версию всех зависимостей проекта

Вилка Flutter SDK

Flutter SDK имеет несколько ветвей, таких как beta, dev, master и стабильная.Стабильная ветвь — это стабильная ветвь (могут появиться новые стабильные ветки после выпуска новой стабильной версии в будущем, например 1.0.0). а dev и master — это ветка разработки, после установки Flutter читатели могут запускатьflutter channelПросмотрите все ветки, такие как автор работает локально, результаты следующие:

Flutter channels:
  beta
  dev
* master

Ветка со знаком «*» — это ветка, отслеживаемая локальным SDK Flutter для читателя. Чтобы переключить ветку, вы можете использоватьflutter channel betaилиflutter channel master, Flutter официально рекомендует отслеживать стабильные ветки, но читатели также могут отслеживатьmasterВетки, которые позволяют увидеть последние изменения, но гораздо менее стабильны.

Общие проблемы с конфигурацией

Ошибка при запуске разрешения ошибок Gradle

При отладке проекта наиболее распространенной ошибкой должно быть что-то вроде следующего.

Launching lib/main.dart on Android SDK built for x86 in debug mode...
Initializing gradle...
Resolving dependencies...
* Error running Gradle:
ProcessException: Process "/Users/rabbit/develop/android/flutter_app/android/gradlew" exited abnormally:
Project evaluation failed including an error in afterEvaluate {}. Run with --stacktrace for details of the afterEvaluate {} error.

FAILURE: Build failed with an exception.

* Where:
Build file '/Users/rabbit/develop/android/flutter_app/android/app/build.gradle' line: 25

* What went wrong:
A problem occurred evaluating project ':app'.
> Could not resolve all files for configuration 'classpath'.
   > Could not find lint-gradle-api.jar (com.android.tools.lint:lint-gradle-api:26.1.2).
     Searched in the following locations:
         https://jcenter.bintray.com/com/android/tools/lint/lint-gradle-api/26.1.2/lint-gradle-api-26.1.2.jar

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 0s
  Command: /Users/rabbit/develop/android/flutter_app/android/gradlew app:properties

Finished with error: Please review your Gradle project setup in the android/ folder.

Причина этой проблемы по-прежнему является уникальной проблемой в Китае, и решение заключается в переходе на ссылку Али.

  1. Измените каталог Android в проектеbuild.gradleфайл, удалите строки google() и jcenter(). Перейдите по ссылке Али.
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

Полный код:

buildscript {
    repositories {
        //  google()
        //  jcenter()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public'}
        }
        dependencies {
        classpath 'com.android.tools.build:gradle:3.1.2'
    }
}

allprojects {
    repositories {
        // google()
        // jcenter()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }
}

rootProject.buildDir = '../build'
subprojects {
    project.buildDir = "${rootProject.buildDir}/${project.name}"
}
subprojects {
    project.evaluationDependsOn(':app')
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

Обратите внимание, что две части были изменены, а не одна.

  1. Измените пакет SDK Flutter в разделеflutter.gradleфайл, этот каталог должен меняться в зависимости от места, где хранится SDK для чтения. Например, если я помещу его в каталог Flutter на диске D, путь будет таким.
D:\Flutter\flutter\packages\flutter_tools\gradle

Откройте файл для модификации, и измените код следующим образом (на самом деле его можно изменить на путь Али).

buildscript {
    repositories {
        //jcenter()
        // maven {
        //     url 'https://dl.google.com/dl/android/maven2'
        // }
        maven{
            url 'https://maven.aliyun.com/repository/jcenter'
        }
        maven{
            url 'http://maven.aliyun.com/nexus/content/groups/public'
        }
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.1.2'
    }
}

Затем снова отладьте, и он может в основном запуститься.

Другая ошибка заключается в том, что аппаратное обеспечение не запускает графический процессор, и необходимо загрузить и установить программу.Эта подсказка очень понятна и не будет вводить слишком много.

Проблема с отсутствующей библиотекой зависимостей

Ошибка показана на рисунке ниже, в это время щелкните гиперссылку, чтобы автоматически перейти на страницу установки:

缺少依赖库
После установки запустите его снова:
AS安装成功

Не удается подключиться к репозиторию Android

Это также одна из наиболее распространенных проблем, и если вы обнаружите, что не можете загрузить частичную зависимость, расставьте приоритеты в этой ситуации. ВойтиFile -> Settings -> Appearance & Behavior -> System Settings -> Android SDK -> SDK Update Sitesсписок, вы можете увидеть текущийAndroid Repositoryневозможно подключиться.

Обходной путь выглядит следующим образом:

  1. ВойтиC:\windows\system32\drivers\etc\
  2. Открытьhostsдокумент
  3. Добавить к203.208.41.32 dl.google.comможно решить

Проблема с конфигурацией пакета Android

Общий формат

Could not HEAD **
Could not Get **

Такие как:Android Studio Could not GET gradle-3.2.0.pom, проблема такого типа вызвана невозможностью подключения к библиотеке Maven, решение следующее:

  1. Введите имя текущего проекта/android
  2. Открытьbuild.gradle
  3. Найдите этот раздел ниже и добавьтеmaven { url 'http://maven.aliyun.com/nexus/content/groups/public/' }
allprojects {
   repositories {
     google()
     jcenter()
     maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' } //添加这一句
   }
}
  1. Перейдите в «Файл» -> «Настройки» -> «Сборка, выполнение, развертывание» -> «Gradle» -> «Android Studio», установите флажок «Включить встроенный репозиторий Maven» и перезапустите Android Studio, чтобы решить проблему.

Уведомление: Бывает такая ситуация, после того как ридер настроил по вышеперечисленным действиям, проблема так и не решается, и есть подобныеCould not HEAD maven.aliyun.comсообщение об ошибке, пожалуйста, проверьтеC:\Users\{user_name}\.gradle\gradle.propertiesУстановлен ли прокси, проблема может быть решена после его удаления.

Горячая перезагрузка Проблема с горячей перезагрузкой

даватьTerminalПосле установки прокси для эмулятора терминала, такого какSave(cmd-s / ctrl-s) не будет горячей перезагрузки, а кнопка горячей перезагрузки (кнопка со значком молнии ⚡️) не будет отображаться, что решается удалением прокси.

Кроме того, в некоторых случаях горячая перезагрузка не действует, например, при измененииmainФункции, модифицированные глобальные статические методы и т. д., читатели могут подумать, что "Горячая перезагрузка" только перестроит все дерево виджетов. Если изменения не в процессе построения дерева виджетов, "Горячая перезагрузка" не сработает.

Наконец-то я надеюсь, что все смогут его успешно установить.Выше всего лишь авторский процесс установки, и я не могу гарантировать, что все правильно, тем не менее, я все же попытаюсь описать процесс сборки среды разработки Flutter на Windows. и Mac, надеясь помочь развитию Flutter.