Flutter—开始与环境搭建

记述 Flutter MAC环境下的安装、新建第一个工程

flutter.jpg

准备

• MAC：10.15.4 ， Android Studio 3.5.2 ，Xcode11.5

• 下载flutter sdk
  https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos
  选择稳定版(我选择1.17.3)；下载完后放到指定路径；

• 添加环境变量
  .bash_profile文件中

export PUB_HOSTED_URL=https://pub.flutter-io.cn 
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/uu/Desktop/flutter/sdk/bin:$PATH

在终端执行source ~/.bash_profile使环境变量生效。

• Android Studio 安装dart、flutter插件；

• 终端中执行flutter doctor 检测依赖环境，根据错误提示修复操作。

最终结果如图；

doctor.png

新建工程

有两种方式：

1、通过Android Studio新建工程;

1592467306628.jpg

然后一直等待中，反复强退、新建还是如此。有的说通过管理员权限打开AS，试了不行；

waiting.png

解决方法：

进入flutter sdk 目录，然后找到bin/cache/lockfile文件，删除，然后在重新建， ok!

2、通过终端命令行建工程；

cd 进入指定目录

flutter create mydemo

完成后（网络不好可能会失败或很久），打开iOS模拟器，如果不提前打开模拟器会提示无法找到设备。

flutter run

提示启动模拟器，编译加载等操作，最后出现如下初始demo：

demo.png

遇到的问题

问题1：

在执行终端命令时，出现报错 Waiting for another flutter command to release the startup lock..

解决：貌似flutter上个操作没执行完成，被锁住了，解决同上：只要进入flutter sdk 目录，然后找到bin/cache/lockfile文件，删除后再运行命令，错误没了。

问题2：

配置过了 .bash_profile 之后，每次重启电脑后执行flutter 命令还是无效。

解决：在终端执行source ~/.bash_profile使环境变量生效。虽然这样可以了，但是下次重启后还是同样的问题，实属不应该，目前还不清楚怎么回事。

---

OK， 拥抱flutter，从现在开始！