Flutter環境配置(MacOS系統，iOS開發)

1.開發環境：

 硬件設備：MacBook Pro

系統版本：macOS Mojave 10.14.2 (18C54)

Xcode版本：Version 10.1 (10B61)

Android Studio版本：3.5

 

2.配置 Flutter 環境變量（臨時的），下載資源，檢測依賴包

# 資源鏡像，針對內地網絡環境
$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

# 下載flutter資源
$ git clone -b dev https://github.com/flutter/flutter.git

# 添加flutter相關工具到path中
$ export PATH="$PWD/flutter/bin:$PATH"

# 檢測依賴
$ cd ./flutter
$ flutter doctor

報錯處理：

# 檢測flutter依賴資源
$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel dev, v1.12.4, on Mac OS X 10.14.2 18C54, locale zh-Hans-CN)

# 錯誤1
# 按照提示操作
# 執行1:"/Users/用戶名/Library/Android/sdk/tools/bin/sdkmanager" "platforms;android-28" "build-tools;28.0.3"
# 執行2:flutter doctor --android-licenses
[!] Android toolchain - develop for Android devices (Android SDK version 27.0.1)
    ✗ Flutter requires Android SDK 28 and the Android BuildTools 28.0.3
      To update using sdkmanager, run:
        "/Users/用戶名/Library/Android/sdk/tools/bin/sdkmanager"
        "platforms;android-28" "build-tools;28.0.3"
      or visit https://flutter.dev/setup/#android-setup for detailed
      instructions.
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor
      --android-licenses

# 錯誤2
# 執行1: 更新MacOS系統，更新Xcode，這個比較耗時間，建議可以先做其他的操作
# 執行1: 更新cocoapod,  $sudo gem install cocoapods

[!] Xcode - develop for iOS and macOS (Xcode 10.1)
    ✗ Flutter requires a minimum Xcode version of 10.2.0.
      Download the latest version or update via the Mac App Store.
    ! CocoaPods 1.5.3 out of date (1.6.0 is recommended).
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin
        code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To upgrade:
        sudo gem install cocoapods

# 錯誤3

[!] Android Studio (version 3.5)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.

# 解決方案
# 需要安裝兩個插件:
#    Flutter插件： 支持Flutter開發工作流 (運行、調試、熱重載等).
#    Dart插件： 提供代碼分析 (輸入代碼時進行驗證、代碼補全等).
# 要安裝這些:
# 啓動Android Studio.
# 打開插件首選項，具體操作見下圖
# 重啓Android Studio

# 錯誤4
# 如字面意思，就是沒有測試設備連上
# https://stackoverflow.com/questions/49045393/flutter-run-no-connected-devices

[!] Connected device
    ! No devices available

! Doctor found issues in 4 categories.

環境變量配置：

執行命令 open ~/.bash_profile ，報錯.bash_profile不存在，執行如下操作

$ cd ~/
$ touch .bash_profile
$ open -e .bash_profile

# 環境變量（永久的）

# 添加flutter相關工具到path中
export PATH="$PWD/flutter/bin:$PATH"

# Android SDK路徑
export ANDROID_HOME="/Users/用戶名/Library/Android/SDK" 
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

# 資源鏡像，針對內地網絡環境
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

保存以上環境變量後，記得執行 $ source ~/.bash_profile 生效哦；

但是發現找不到Android SDK，

[✗] Android toolchain - develop for Android devices
    ✗ ANDROID_HOME =/Users/用戶名/Library/Android/SDK
      but Android SDK not found at this location.
————————————————

執行如下：

$ cd ~/
$ touch ~/.zshrc
$ open -e ~/.zshrc

打開的文件中最後一行添加 source ~/.bash_profile

依然抱錯，執行如下：

flutter config --android-sdk /Users/用戶名/Library/Android/SDK

然後執行：

$ flutter doctor

 

如果出現以下問題：

$ flutter doctor

Downloading Dart SDK from Flutter engine fad1b23c42b96197a097fe42d37171f32459fecb...

curl: (3) URL using bad/illegal format or missing URL



/flutter_infra/flutter/fad1b23c42b96197a097fe42d37171f32459fecb/dart-sdk-darwin-x64.zip

If you're located in China, please see this page:

  https://flutter.dev/community/china

感覺還是鏡像的問題，終端運行如下命令：

# 資源鏡像，針對內地網絡環境
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

 

檢查正常

以上操作做完，已經表示你可以運行一個Flutter Demo了；

參考網站：

https://flutterchina.club/setup-macos/

https://flutter.dev/community/china