Flutter在MacOS上的安装和使用

主要介绍一下，Flutter在MAC下的配置。流程很简单，但是也并不那么顺利。

安装Flutter SDK

下载SDK，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

这个下载还是比较漫长的，43MB，20Kb/s的速度。如果是Windows平台的，网上有已经下载好的Windows平台上的SDK。

flutter doctor会检查环境，并下载相关依赖。

如果需要flutter全局有效，需要配置~/.bash_profile文件，添加如下代码：

export PATH=/Users/demon.li/flutter/bin:$PATH"
source ~/.bash_profile

安装Flutter插件和Dart插件

这里以AndroidStudio为例，打开Preferences面板，在Plugins中搜索Flutter，install，安装时自动安装Dart，安装完成后重启AndroidStudio。

重启AndroidStudio后，File->New 中出现 New Flutter Project。

你可以选择IntelliJ IDEA或者VS Code

详细可参考：Flutter初体验

运行一个Flutter App

flutter下的examples目录中有若干个开发示例，对于新手来说十分实用。hello_world项目便位于其中。

进入到hello_world项目中，输入命令：

flutter packages get

安装相关package，安装过程缓慢的话，考虑使用国内镜像：

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

可能会遇到问题：

Waiting for another flutter command to release the startup lock

解决办法：

1、打开flutter的安装目录/bin/cache/

2、删除lockfile文件

连接好设备后，运行：

flutter run 

即可在手机上看到，这个 APP。

考虑Android平台：运行这个命令时候，检查gradle的配置，主要是build tools 和gradle wrapper与之前Android项目保持一致即可。

当然你也可以把这个项目导入到Android Studio中，进行调试开发（需要在Android Studio中配置好Flutter SDK）。

也可以自己创建一个项目，通过Android Studio或者通过命令行：

flutter create my_flutter_app

更改详细的命令可以通过flutter -h 查看。

总结

至此，Flutter的环境已经搭建好了，已经可以运行一个Demo了。