Flutter初体验（一）——Mac 安装配置

@H_898_4@mac 安装配置 Flutter

参考文档：
@L_772_1@ http://www.voidcn.com/article/p-ayepklnf-bms.html

1. 获取 Flutter SDK

• #### clone Flutter
  1、使用git将Flutter项目克隆到本地，然后将Flutter添加到本地环境变量，

git clone -b beta https://github.com/Flutter/Flutter.git

2、到Flutter保存的路径下

export PATH=`pwd`/Flutter/bin:$PATH

2.1、如果下载失败，Google为中国地区提供了镜像

export PUB_HOSTED_URL=https://pub.Flutter-io.cn
export FlutteR_STORAGE_BASE_URL=https://storage.Flutter-io.cn
git clone -b dev https://github.com/Flutter/Flutter.git
export PATH="$PWD/Flutter/bin:$PATH"
cd ./Flutter
Flutter doctor

Run Flutter doctor

运行Flutter doctor命令检查是否需要安装依赖项，完成安装

Flutter doctor

这个命令会检查环境并在窗口显示报告，Dart SDK与Flutter捆绑在一起;没有必要单独安装Dart。仔细检查输出是否需要安装其他软件或执行其他任务

如果不出意外，报告如下：

Doctor sumMary (to see all details,run Flutter doctor -v):
[✓] Flutter (ChAnnel dev,v0.1.7,on Mac OS X 10.12.6 16G1212,locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK 27.0.0)
[!] iOS toolchain - develop for iOS devices (Xcode 9.2)
    ✗ libimobiledevice and ideviceinstaller are not installed. To install,run:
        brew install --HEAD libimobiledevice
        brew install ideviceinstaller
    ✗ ios-deploy not installed. To install:
        brew install ios-deploy
[✓] Android studio (version 3.0)
[✓] Connected devices (1 availablE)

第一次运行命令时，它会下载自身的依赖关系并自行编译，后续运行会快很多。如果过程失败，多重复几次，并根据命令行提示进行安装。

接下来会介绍如何执行这些任务并完成设置过程，如果你选择使用某个IDE，可用于IntelliJ IDEA,Android studio,和 VS Code，你会看到Flutter doctor输出过程。

一旦你安装了任何缺失的依赖关系，再次运行Flutter doctor命令来验证你已经正确设置了所有东西.

2. 获取文件路径

Flutter SDK下载后的路径，获取Flutter SDK 的安装路径：
/Users/用户名/Flutter，要注意的是Flutter文件夹下面有多个同名的Flutter文件夹，真正的SDK路径只到顶层Flutter文件夹
具体步骤参考网友做的GIF

打开文件管理

进入sdk目录

获取文件完整路径

3. 安装Flutter插件和Dart插件

这里以Androidstudio为例，打开preferences面板，在PLugins中搜索Flutter，install，安装时自动安装Dart，安装完成后重启Androidstudio

重启Androidstudio后，File->New 中出现 New Flutter Project，说明安装成功

4. 创建Flutter Project

• File -> New -> New Flutter Project，选择Flutter Application -> Next,这里注意 Flutter SDK的路径是否正确

• Next -> 设置 Company domain，Finish,Project创建完成，等待几分钟，Project完成初始化，新建Project提供了默认界面，直接运行，看看运行界面：
  

  

至此，Flutter环境配置完成，示例也能运行，后续继续学习Flutter的开发。