Flutter在Mac上开发环境搭建

Flutter在Mac上开发环境搭建

参考链接：

• Flutter中文网 https://flutterchina.club/

• 技术胖博客 https://www.jspang.com/

  由于我们平时开发，基本上都使用的是Mac电脑，所以主要记录下载Mac电脑上的安装过程，以备查阅。在Windows上的环境搭建步骤，在上面的参考链接里也有详细说明，我本人也是按照步骤介绍，在Windows和Mac上环境都搭建成功了。

准备工作：

• Mac准备

本次安装使用的Mac系统版本号是11.2.1。一般你只需要保持你的Mac系统版本在较新的版本就可以。Mac上有足够磁盘空间来安装应用和SDK

• 下载FlutterSDK

  A. 去官网下载最新的SDK：

  https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos

  下载完毕后解压到你自定义目录下。

  B. 当然也可以到我们熟悉的Github上下载也行：

  https://github.com/flutter/flutter/releases

  下载完毕后解压到你自定义目录下。

  Flutter版本经常更新，请大家以官网为准。大陆地区到官网下载SDK，可能需要梯子。

  如果你没有梯子，可以使用flutter官方为中国开发者搭建的临时镜像：

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

我这里直接从GitHub clone下载了

• 配置环境变量

下载的SDK解压到自定义目录后，开始配置环境变量。你存放的这个位置很重要，接下来就要用到。

打开终端，使用vim进行环境变量配置，命令：

vim ~/.bash_profile  

在打开的界面里添加：

export PATH=YOUR_PATH/flutter/bin:$PATH  

其中 YOUR_PATH 是刚刚你解压完的路径。

如果你没有梯子，把上面的临时镜像两行 也添加进来。

保存退出当前界面。然后重新加载一次环境变量。命令：

source ~/.bash_profile

至此，flutter的环境变量已经配置完毕了。

接下来，在终端运行：

flutter doctor

来检查开发环境。

如果提示, 没有找到flutter命令。请仔细检查上面配置环境变量的部分。要确保你填写的解压路径正确。

执行了重新加载环境变量的命令，还是不行，完全关掉并重启终端试试？

4. 配置开发环境

使用命令：

flutter doctor

环境变量配置正确的情况下，就会开始自动下载相关的依赖配置。第一次运行可能时间有点久，耐心等下。后面就会快很多。

等执行完毕，一般都会报错。通常情况下，是未安装 Android Studio. Xcode，没有可连接的设备等。请对照给出的提示，逐条来解决。Android Studio安装完毕后，顺便记得打开安装一下Android SDK。

如果你有安装，那么第一步要做的是允许协议（android-licenses）。允许方法就是在终端运行如下命令：

flutter doctor --android-licenses

之后会询问你y/N的时候，一直y就好，不然不能用！

之后为Android Studio安装一下flutter插件，安装完成后重启AS。
Android Studio中flutter安装插件路径是：
打开 Android Studio> Configure > Plugins > Marketplace. 搜索 flutter插件，同时它会提示要安装所依赖的Dart环境插件，点击 install 安装即可

重复使用 flutter doctor 命令再检查下开发环境，没有连接设备可以不用理。把提示项都解决了，准备工作就完成了。

补充一下：
没有连接设备，只需要打开iOS模拟器，或者创建一个Android模拟器，或者你直接拿一个测试手机连接到电脑上，该提示项就没有了。