Flutter 环境配置及搭建

---

一、 使用镜像

由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：

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

二、 在Windows上搭建Flutter开发环境

获取Flutter SDK
去flutter官网下载其最新可用的安装包，下载地址：https://flutter.dev/docs/development/tools/sdk/releases 。

注意，Flutter的渠道版本会不停变动，请以Flutter官网为准。另外，在中国大陆地区，要想正常获取安装包列表或下载安装包，可能需要翻墙，读者也可以去Flutter github项目下去下载安装包，地址：https://github.com/flutter/flutter/releases 。

将安装包zip解压到你想安装Flutter SDK的路径（如：C:\src\flutter；注意，不要将flutter安装到需要一些高权限的路径如**C:\Program Files**）。

在Flutter安装目录的flutter文件下找到flutter_console.bat，双击运行并启动flutter命令行，接下来，你就可以在Flutter命令行运行flutter命令了。

三、 更新环境变量

如果你想在Windows系统自带命令行运行flutter命令，需要添加以下环境变量到用户PATH：

转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
在**“用户变量”下检查是否有名为“Path”**的条目:
如果该条目存在， 追加 flutter\bin的全路径，使用 ; 作为分隔符.
如果该条目不存在，创建一个新用户变量 Path ，然后将 flutter\bin 的全路径作为它的值.

在Flutter命令行运行如下命令来查看是否还需要安装其它依赖，如果需要，安装它们：

flutter doctor
1

该命令检查你的环境并在命令行窗口中显示报告。Dart SDK已经在打包在Flutter SDK里了，没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。

例如：

[-] Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.dev/setup/#android-setup for detailed instructions.
1
2
3
4
5

第一次运行flutter命令（如flutter doctor）时，它会下载它自己的依赖项并自行编译。以后再运行就会快得多。缺失的依赖需要安装一下，安装完成后再运行flutter doctor命令来验证是否安装成功。

四、 Android设置

Flutter依赖于Android Studio的全量安装。Android Studio不仅可以管理Android 平台依赖、SDK版本等，而且它也是Flutter开发推荐的IDE之一（当然，你也可以使用其它编辑器或IDE，我们将会在后面讨论）。

五、 安装Android Studio

下载并安装 Android Studio，下载地址：https://developer.android.com/studio/index.html 。
启动Android Studio，然后执行“Android Studio安装向导”。这将安装最新的Android SDK、Android SDK平台工具和Android SDK构建工具，这些是用Flutter进行Android开发所需要的。

六、 在macOS上搭建Flutter开发环境

在masOS下可以同时进行Android和iOS设备的测试。

七、 系统要求

要安装并运行Flutter，您的开发环境必须满足以下最低要求:

操作系统: macOS (64-bit)
磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间）.
工具: Flutter 依赖下面这些命令行工具.
bash、mkdir、rm、git、curl、unzip、which

八、 获取Flutter SDK

1、去flutter官网下载其最新可用的安装包，官网地址：https://flutter.dev/sdk-archive/#macos

注意，Flutter的渠道版本会不停变动，请以Flutter官网为准。另外，在中国大陆地区，要想正常获取安装包列表或下载安装包，可能需要翻墙，读者也可以去Flutter github项目下去下载安装包，地址：https://github.com/flutter/flutter/releases 。

2、解压安装包到你想安装的目录，如：

cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip
1
2

3、添加flutter相关工具到path中：

xport PATH=`pwd`/flutter/bin:$PATH
1

此代码只能暂时针对当前命令行窗口设置PATH环境变量，要想永久将Flutter添加到PATH中请参考下面更新环境变量 部分。

九、 更新环境变量

将Flutter添加到PATH中，可以在任何终端会话中运行flutter命令。
1、打开(或创建) $HOME/.bash_profile。文件路径和文件名可能在你的电脑上不同.
2、添加以下路径:

export PATH=[FLUTTER_INSTALL_PATH]/flutter/bin:$PATH
1

3、运行 source $HOME/.bash_profile 刷新当前终端窗口。

十、下载Android studio /Xcode

1、Xcode安装

安装比较简单，在苹果应用商店下载即可，下载后模拟器也有，而且也不使用xcode做ide，只是需要模拟器运行app而已，所以就不详细介绍了

2、Android studio安装

和Window一样，要在Android设备上构建并运行Flutter程序都需要先安装Android Studio，读者可以先自行下载并安装Android Studio，在此不再赘述。

###创建Flutter应用
选择 File>New Flutter Project 。
选择 Flutter application 作为 project 类型, 然后点击 Next。
输入项目名称 (如 myapp)，然后点击 Next。
点击 Finish。
等待Android Studio安装SDK并创建项目。
上述命令创建一个Flutter项目，项目名为myapp。

在项目目录中，您应用程序的代码位于 lib/main.dart。

十一、 运行应用程序

定位到Android Studio工具栏，如图所示：

在 target selector 中, 选择一个运行该应用的Android设备。如果没有列出可用，请选择 Tools>Android>AVD Manager 并在那里创建一个。

在工具栏中点击 Run图标。

如果一切正常, 您应该在您的设备或模拟器上会看到启动的应用程序，如图：