Flutter学习（一）开发环境配置

本篇文章主要介绍在Mac os上进行Flutter的开发环境的配置和相关插件的安装。

安装的步骤可以按照官网上的步骤进行即可， 安装步骤，本文主要介绍在安装过程中的一些细节。

• 1、下载源码

源码的下载可以有两种方式，
一个是下载压缩后的安装包到本地之后，然后再进行解压，https://flutter.io/docs/development/tools/sdk/archive#macos
另外一种是直接clone下来对应的源码：
git clone -b beta https://github.com/flutter/flutter.git
推荐使用第二种进行安装。

• 2、环境变量配置

在下载完源码之后，需要将bin目录配置到环境变量里面，方便之后的开发使用，
执行cd ~切换到根目录，输入vim .bash_profile进行环境变量的编辑，将以下 export PATH=${PATH}:/Users/userName/Programs/flutter/bin冒号后面的位置替换成你下载好的对应目录，然后保存并执行 source .bash_profile保证生效。

• 3、配置使用镜像

如果你的网络能够访问不受限制，可以忽略这一步，虽然我们正常无法访Flutter，但Flutter官方为中国开发者搭建了临时镜像，需要将如下环境变量加入到用户环境变量中：
export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

• 4、检查依赖

命令行执行flutter doctor进行环境依赖的检查，它会下载它自己的依赖项并自行编译。第一次运行的时候可能会比较慢，以后再运行就会快得多。输出会提示你当前的环境还缺少哪些配置，需要按照相应的指导进行完善。

例如，在执行之后，可能会提示下面错误，按照其提示，

执行 flutter doctor --android-licenses 即可。在执行的过程中，有提示需要你进行确认，一直输入 yes 同意即可。另外跟AndroidStudio相关的，下一步安装插件会讲到。

• 5、安装插件

Flutter 支持的开发工具有Android Studio、IntelliJ或VS Code等，在进行开发之前需要添加编辑器插件，我们这里主要介绍在AS中如何安装对应的插件。打开AS，点击 Preferences>Plugins，选择Plugins，输入Flutter，点击 search in repositories，即可搜索到对应的插件，点击 Install 进行安装。安装完成 重启AS以生效。

• 6、创建并运行Flutter项目

在AS的开始界面，就能够看到这里多了一个选项，点击即可创建一个新的Flutter项目，也可以使用命令行flutter create 进行项目的创建，创建完成之后执行flutter run 即可将对应的程序运行到你的设备上，然后就可以开心地进行玩耍啦~