Flutter环境搭建教程 for Mac

准备工作

1. 下载flutter的SDK及项目，下载地址：flutter下载

2. 下载完毕后放到你想存放的地址并记住，后面修改环境变量需要用到。 

3. Xcode (version xcode11.1)

4. android studio  (version 4.1)

5. visual studio code (version 1.27.2)

（1）. 环境变量配置

1. 打开终端：输入    vim ~/.bash_profile  , 输入下面 ，其中  /Users/zhonggaorong/ 就是我的flutter存放路径，请填写自己的存放路径。 

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

export PATH=/Users/zhonggaorong/flutter/bin:$PATH

2. 打开终端：输入  flutter doctor 

如果提示：  -bash: flutter: command not found   说明环境变量没有配置到位，请检查存放路径以及配置

出现下面输出，说明配置已经到位。 

[✓] Flutter (Channel master, 1.24.0-4.0.pre.50, on Mac OS X 10.15.6 19G46c

    darwin-x64, locale zh-Hans-CN)

[!] Android toolchain - develop for Android devices (Android SDK version 27.0.3)

    ✗ Flutter requires Android SDK 29 and the Android BuildTools 28.0.3

      To update the Android SDK visit

      https://flutter.dev/docs/get-started/install/macos#android-setup for

      detailed instructions.

[!] Xcode - develop for iOS and macOS (Xcode 11.1)

    ! CocoaPods 1.7.5 out of date (1.8.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 see

      https://guides.cocoapods.org/using/getting-started.html#installation for

      instructions.

[!] Android Studio (version 2.1)

    ✗ Unable to find bundled Java version.

[✓] VS Code (version 1.27.2)

[!] Connected device

    ! No devices available

带感叹号的就是需要去重新配置或者升级的。 

1.第一项是硬件配置，基本都可以点亮 。 

2. 需要打开android studio 进行提示的下载，步骤为。  （如果下载了最新的 Android studio 则不会有这个问题）

Android studio   ---   Preferences    ---- System Settings  ------ android SDK  

选择对应的  SDK Platforms 与 SDK Tools  版本进行下载。 

3.  检查Xcode与 Cocoapods版本。

我出现的情况为 Cocoapods版本过低，需要更新 Cocoapods 版本。 

 4.  检查的是 JAVA 编译环境。 

我最后的解决方案是下载最新的 Android studio 解决。 下载地址 ： 谷歌中国Android studio 下载

5.  下载 visual studio code 。

6.  连上一部手机即可。 

 

再次再终端输入  flutter Doctor ,出现下面输出

Doctor summary (to see all details, run flutter doctor -v):

[✓] Flutter (Channel master, 1.24.0-4.0.pre.50, on Mac OS X 10.15.6 19G46c

    darwin-x64, locale zh-Hans-CN)

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)

[✓] Xcode - develop for iOS and macOS (Xcode 11.1)

[✓] Android Studio (version 4.1)

[✓] VS Code (version 1.27.2)

[✓] Connected device (1 available)

• No issues found!

说明已经大功告成，基本的flutter开发条件已经完善。