Flutter 安装 (Mac) - 好文

Flutter中文官网： https://flutterchina.club/

看到Flutter之后，就想试试，在安装期间出现各种问题，看了很多教程，总是不太详细，对新手不太友好啊，就把自己在安装过程中碰到的坑，大致记了一下，做了一个总结。

一、安装Flutter

大家都知道的一个共识，google出的东西都需要翻墙下载，不过，这次google给我们提供了一个临时镜像。

1、在下载Flutter之前，需要先配置镜像地址。

打开并编辑 ~/.bash_profile，(如果没有，就新建一个)添加如下字段，

注意：此镜像为临时镜像，并不能保证一直可用，读者可以参考详情请参考 Using Flutter in China
<https://flutter.dev/community/china> 以获得有关镜像服务器的最新动态。
export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置 export
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
如图，然后保存（记得重启，不然配置无效，执行source ~/.bash_profile即可）

2、下载Flutter

在这里使用git下载

git clone -b beta https://github.com/flutter/flutter.git
3、配置flutter

在.bash_profile添加如下字段，`pwd`/flutter是你的flutter路径

export PATH=`pwd`/flutter/bin:$PATH
下图，是我的配置

4、进入flutter文件夹，执行flutter doctor（该命令检查您的环境并在终端窗口中显示报告）

缺少的功能或者模块，它会给你提示，按照指示安装即可（一般ios和android软件安装配置完成即可，下面会讲解ios和android软件的安装和配置）。

✅表示当前项安装完成，！表示该功能有部分功能安装失败或未安装，X表示该功能完全没有安装

二、iOS 设置

安装 Xcode

要为iOS开发Flutter应用程序，您需要Xcode 7.2或更高版本:

*
安装Xcode 7.2或更新版本(通过链接下载 <https://developer.apple.com/xcode/>或苹果应用商店
<https://itunes.apple.com/us/app/xcode/id497799835>).

*
配置Xcode命令行工具以使用新安装的Xcode版本 sudo xcode-select --switch
/Applications/Xcode.app/Contents/Developer
对于大多数情况，当您想要使用最新版本的Xcode时，这是正确的路径。如果您需要使用不同的版本，请指定相应路径。

*
确保Xcode许可协议是通过打开一次Xcode或通过命令sudo xcodebuild -license同意过了.

使用Xcode，您可以在iOS设备或模拟器上运行Flutter应用程序。

设置iOS模拟器

要准备在iOS模拟器上运行并测试您的Flutter应用，请按以下步骤操作：

* 在Mac上，通过Spotlight或使用以下命令找到模拟器: open -a Simulator
* 通过检查模拟器硬件>设备菜单中的设置，确保您的模拟器正在使用64位设备（iPhone 5s或更高版本）.
* 根据您的开发机器的屏幕大小，模拟的高清屏iOS设备可能会使您的屏幕溢出。在模拟器的 Window> Scale 菜单下设置设备比例
* 运行 flutter run启动您的应用.
安装到iOS设备

要将您的Flutter应用安装到iOS真机设备，您需要一些额外的工具和一个Apple帐户，您还需要在Xcode中进行设置。

* 安装 homebrew <http://brew.sh/>
（如果已经安装了brew,跳过此步骤）.参考：https://www.cnblogs.com/liulipeng/p/3938518.html
* 打开终端并运行这些命令来安装用于将Flutter应用安装到iOS设备的工具 brew update brew install --HEAD
libimobiledevice brew install ideviceinstaller ios-deploy cocoapods pod setup
如果这些命令中的任何一个失败并出现错误，请运行brew doctor并按照说明解决问题.

三、Android设置

jdk官网：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

但是我下载jdk总是会卡在最后0.1%，开了翻墙也没用。

jdk百度云（在网上找的，版本有点老）：链接:https://pan.baidu.com/s/15V9dyfq59hthyhHMKfOCZA 密码:e6yf

mac下JDK的路径为：/Library/Java/JavaVirtualMachines/jdk1.8.0_131.jdk

安装Android Studio（参考：https://blog.csdn.net/wu__di/article/details/78556724）

要为Android开发Flutter应用，您可以使用Mac，Windows或Linux（64位）机器.

Flutter需要安装和配置Android Studio:

*
下载并安装 Android Studio <https://developer.android.com/studio/index.html>.

*
启动Android Studio，然后执行“Android Studio安装向导”。这将安装最新的Android SDK，Android
SDK平台工具和Android SDK构建工具，这是Flutter为Android开发时所必需的

设置您的Android设备

要准备在Android设备上运行并测试您的Flutter应用，您需要安装Android 4.1（API level 16）或更高版本的Android设备.

* 在您的设备上启用开发人员选项和 USB调试。详细说明可在Android文档
<https://developer.android.com/studio/debug/dev-options.html>中找到。
* 使用USB将手机插入电脑。如果您的设备出现提示，请授权您的计算机访问您的设备。
* 在终端中，运行 flutter devices 命令以验证Flutter识别您连接的Android设备。
* 运行启动您的应用程序 flutter run。
默认情况下，Flutter使用的Android SDK版本是基于你的 adb 工具版本。如果您想让Flutter使用不同版本的Android
SDK，则必须将该 ANDROID_HOME 环境变量设置为SDK安装目录。

设置Android模拟器

要准备在Android模拟器上运行并测试您的Flutter应用，请按照以下步骤操作：

* 在您的机器上启用 VM acceleration
<https://developer.android.com/studio/run/emulator-acceleration.html> .
* 启动 Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device.
* 选择一个设备并选择 Next。
* 为要模拟的Android版本选择一个或多个系统映像，然后选择 Next. 建议使用 x86 或 x86_64 image .
* 在 Emulated Performance下, 选择 Hardware - GLES 2.0 以启用硬件加速
<https://developer.android.com/studio/run/emulator-acceleration.html>.
*
验证AVD配置是否正确，然后选择 Finish。

有关上述步骤的详细信息，请参阅 Managing AVDs
<https://developer.android.com/studio/run/managing-avds.html>.

* 在 Android Virtual Device Manager中, 点击工具栏的 Run。模拟器启动并显示所选操作系统版本或设备的启动画面.
* 运行 flutter run 启动您的设备. 连接的设备名是 Android SDK built for <platform>,其中 platform
是芯片系列, 如 x86.
四、flutter安装完成

再次运行flutter doctor ，如果还是有问题，比如出现
！等，参考：https://segmentfault.com/a/1190000014845833

出现上图这个！，是因为，没有启动模拟器，只需要

出现后再次执行flutter doctor

到此为止，全部完成。

具体的程序运行和创建可以参考官网：https://flutterchina.club/get-started/editor/

（注意：模拟器运行时间较长，耐心等待程序执行）

官方网站的讲解还是很详细的。

热门工具换一换