准备工作
Mac OS
之所以选择在Mac上开发，是因为它同时支持Android和IOS系统，对Android Studio和xCode等IDE使用者也比较友好
另外, Mac OS已经内置了java、git与unzip等。省去了我们很多工作量
安装 Android Studio
Android Studio 是基于 IntelliJ IDEA 的、Google 官方的 Android 应用集成开发环境 (IDE)。
可以在官网上找到最新版，下载后启动安装文件，剩下的就是按照系统提示进行 SDK 的安装和工程配置工作了。
安装 Xcode
Xcode 是苹果公司官方的 iOS 和 macOS 应用集成开发环境 (IDE)。它的安装方式非常简单，直接在 macOS 系统的 App Store 搜索 Xcode，然后安装即可。
安装完成后，我们会在 Launchpad 看到 Xcode 图标，打开它，按照提示接受 Xcode 许可协议，以及安装配置组件就可以了。
搭建开发环境
1 设置镜像映射地址
在后续的步骤中，我们需要下载Flutter SDK。但是在那之前，我们需要先解决一个问题: Flutter 源站在国内可能不太稳定，因此谷歌中国开发者社区(GDG)专门搭建了临时镜像，使得我们的 Flutter 命令行工具可以到该镜像站点下载所需资源.
心疼中国工程师3秒钟。。。
接下来就是在MacOS的Terminal中, 打开~/.bash_profile文件(使用zshell的打开.zshrc), 在文件最后添加以下代码，来配置镜像站点的环境变量
# flutter 镜像地址
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn2 下载安装Flutter SDK
进入官网下载完整的flutter安装包，flutter提供给我们四种渠道方式去下载安装包，笔者选择的是stable稳定版本。
下载完毕之后, 将zip包解压到指定目录。因为我们后续需要使用flutter/bin，所以需要将此目录路径添加到系统环境变量PATH中(读者需要设置为自己的路径)
# 将flutter添加到PATH中
export PATH="$PATH:~/Downloads/flutter/bin"3 执行flutter precache(非必须)
开发以及发布app的过程中，我们可能需要使用到一些flutter的依赖工具。使用flutter precache命令可以预先创建好这些tool。比如下图中的ios各种依赖工具tool
注意：
1 如果没有在步骤1设置flutter镜像地址，这一步有可能报错
2 有时候执行precache的时候，会检测到flutter有新的版本。我们只需要在terminal中执行 flutter upgrade 即可
4 执行flutter doctor
Flutter 提供了一个命令 flutter doctor 协助我们安装 Flutter 的工程依赖，它会检查本地是否有 Android 和 iOS 的开发环境，如果检测到依赖缺失，就会给出对应依赖的安装方法。
绿色对勾表示的是已经安装好的依赖环境，上图中的红叉表示在笔者的Mac笔记本上还没有安装 XCode 。因为笔者是用Android做演示，所以不影响我们继续。
5 命令行创建项目并执行
上一步执行一切顺利的话，flutter的SDK就已经全部下载完毕了。接下里就可以使用flutter相关命令创建并运行项目。
5.1 创建项目
- flutter create my_app
5.2 查看可以运行的模拟器
- flutter emulators
5.3 启动项目
- flutter run
5.4 运行效果
5 IDE集成Flutter插件
使用命令行编辑代码，或者是执行各种flutter命令毕竟是不是非常方便。工程师最顺手的还是各种IDE。接下来就在Android Studio中集成flutter插件
启动 Android Studio，打开菜单项 Preferences > Plugins，搜索 Flutter 插件并点击 install 进行安装。安装完毕后重启 Android Studio，Flutter 插件就生效了。
如图，点击Flutter install时，如果没有安装过Dart插件，AS会让我们先下载Dart插件。只需要点击Yes，下载完毕之后重启AS即可。至此，Flutter的开发环境就已经配置完毕。
创建第一个Flutter项目
环境配置好之后，我们就可以在AS中创建一个Flutter Project了
选择 Flutter Application
设置好 Flutter SDK的path，选择之前我们下载Flutter的文件目录。笔者的目录是~/Downloads/flutter
点击Finish完成项目创建。
运行Flutter项目
在Android Studio中定位到Android Studio的工具栏
在 Target selector 中，我们可以选择一个运行该应用的设备。如果没有列出可用设备，你可以采用下面的两种方式：
- AS中打开 AVD Manager 并创建一台 Android 模拟器；或是通过 open -a Simulator 命令，在不同的 iOS 模拟器之间进行切换。
- 在电脑上直接插入 Android 或 iOS 真机。
在工具栏中点击 Run 图标，稍等 10 秒钟左右，就可以在模拟器或真机上看到启动的应用程序了。具体运行效果跟执行 flutter run的效果是一样的。
内容小结
其实Flutter的环境搭建很简单，因为flutter为我们做了很多工作。我们只要运行一下flutter doctor命令，它就能检测出电脑还有哪些依赖环境没有准备好，然后我们就根据它的提示进行后续操作即可。
