Mac下flutter环境搭建到项目运行

最近flutter比较火，又是跨平台开发，据说国内某些线上APP已经部分混合开发了，经不住网上的各种追捧，想着大前端的统一，咱也要拥抱一下变化。

现在整理了一下Mac下flutter环境配置以及第一个项目运行。
本地配置在下面的截图中有

1.下载Flutter SDK

提供两种方式

• 使用git克隆Flutter，命令：git clone -b beta https://github.com/flutter/flutter.git
• 从官网下载flutter

2.配置环境变量

打开当前目录下的.bash_profile文件
vi ~/.bash_profile
复制一下代码并保存
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=${PATH}:${PWD}/flutter/bin

3.检查当前安装依赖

执行flutter doctor -v

运行结果

本地基本已经安装好了Android studio和xcode,所以这里边基本没有报太多的相关依赖缺失。
按照检测结果的说明，如果有[!] ✗ 标志，表示本行检测不通过，需要做一些设置或者安装一些软件。Flutter和Dart插件需要你在Android studio中下载安装。
这些完成之后你就可以开启一个flutter项目啦。

找了一个据说是全网最100%还原豆瓣客户端的flutter项目跑了一下，在iphone6上的流畅度有点难以接受，xs上勉强接受，暂不知后期的优化空间有多大。这个还有待后续考究。

• 个人感觉流畅度方便相比原生还是差了不少。
• 有些新建flutter项目时会卡死在Creating Flutter Project状态，网上也提供了解决方案
• 有些flutter demo会报Error: Dart SDK is not configured，需要你手动去配置Dart SDK path.

参考

• flutter环境配置详解MAC版
• flutter中文网
• 阿里云云栖社区
• 闲鱼技术