Android程序员 自学Flutter的从无到有

写在前面的话

最近离职了正在找工作，发现薪资高一点的要求都是需要会flutter或者熟悉flutter的优先。随后也给其它会flutter的同事聊了聊，发现现在的flutter确实是个很大的趋势，经过这几年的发展，大环境也好了很多，而且虽然是跨端开发，你不需要掌握其它的前端知识。上手难道来说很适中，所以想自己从零开始学学看。这也是自己第一次写blog，希望能分享一些有用的东西，和自学过程中踩的坑给大家。

环境变量配置

查阅众多资料后，发现有两个Flutter的官方网站：
Flutter中文网:https://flutterchina.club/
Flutter中文开发网:https://flutter.cn/
本次选用了第二个来参考配置flutter的环境变量，因为本人是用mac开发所以只尝试了mac环境下的配置。
命令如下：

 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

前两句是配置代理镜像的环境变量，第三局是下载flutter，过程会比较慢。耐心等待。
下好后再运行第四句，配置环境变量。
最后执行第五句，第六句来判断是否安装成功，已经需要的依赖是否也下载成功。

我执行第三局的时候，还出了错：

remote: Enumerating objects: 350651, done.
remote: Counting objects: 100% (6/6), done.
remote: Compressing objects: 100% (5/5), done.
error: RPC failed; curl 56 LibreSSL SSL_read: SSL_ERROR_SYSCALL, errno 54
fatal: The remote end hung up unexpectedly
fatal: early EOF
fatal: index-pack failed

查询多方之后：
说是可能文件过大，尝试扩大git的文件内存管理大小

git config --global http.postBuffer 1572864000
git config --global https.postBuffer 1572864000

然后再次执行第三句：

remote: Enumerating objects: 350672, done.
remote: Counting objects: 100% (13/13), done.
remote: Compressing objects: 100% (8/8), done.
remote: Total 350672 (delta 4), reused 11 (delta 3), pack-reused 350659
Receiving objects: 100% (350672/350672), 173.85 MiB | 3.90 MiB/s, done.
Resolving deltas: 100% (269341/269341), done.
Checking connectivity... done.

成功了，继续往下执行到“flutter doctor”最后一句。

[!] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    ✗ cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/macos#android-setup for more details.

可以看到有两个错误。一个一个解决。
“cmdline-tools component is missing”：
打开androidStdudio，勾选上这个：

等待下载就行了。
第二问题就很简单了，一个安全协议的安装授权。执行：flutter doctor --android-licenses
然后按照提示一步一步同意就行了。

最后后再次运行“ flutter doctor”：

红色提示为IOS的XCODE部分，我们暂时不用管。在androidStudio上进行混合开发的前期配置已经成功了。

最后只需要在AndroidStudio上下载安装Flutter的差价就OK了，中间会弹出一并安装Dart的对话框，点击YES就行了.