Flutter,谷歌开源的一个混合开发框架,最近很火啊。
Flutter环境对Mac系统要求:
操作系统: macOS (64-bit);
磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间);
工具: Flutter 依赖下面这些命令行工具--bash, mkdir, rm, git, curl, unzip, which。
我自己电脑介绍:
macOS Mojave 10.14.2
Xcode10.1
Android Studio 3.3
要在Mac上搭建Flutter环境,需要安装Android Studio。
环境搭建:
对于官方的搭建方法的确不错,但是小白的我具体的操作不是很懂,在踩了很多坑后才搭建数来。现在分享一下。
1、获取Flutter SDK包
由于墙的问题,几次克隆都没有成功,所以直接在官网进行的下载,让后放到自己指定的位置
2、Flutter相关配置环境设置
这个环境配置,也就是官网所说的:添加flutter相关工具到path中,这个我是没有明白怎么添加的,不过幸好找到了方法
安卓SDK路径获取方法,打开Android Studio,进入偏好设置,如图获取路径:
打开终端,输入 open -e .bash_profile ,会新打开一个终端,然后输入下面内容:
export ANDROID_HOME="/Users/sheldon/Library/Android/sdk"
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
export PATH=/Users/sheldon/Documents/NewFlutter/flutter/bin:$PATH
上面六句话,前三句是安卓SDK路径,四五句是Flutter官方为中国开发者搭建了临时镜像,最后一句是Flutter SDK路径,填写完毕后,如图所示。
注意,这是我的电脑路径,你们需要修改成你们自己的路径。
然后 command + s,保存上图修改,关闭上图窗口。
3、运行flutter doctor,检查flutter是否缺少依赖及解决方法
在终端中输入 flutter doctor,检查依赖(终端没有要求,可以新建,也可以还是上个终端)
我的依赖如图:
可以看到可以看到有五个红色❌
先说容易解决的:
第一个红叉:按照提示, 在终端运行flutter doctor --android-licenses 就可以解决
第四和第五个红叉:说是Android Studio的Flutter和Dart插件没有安装:
打开Android Studio,进入偏好设置,在环圈的地方搜索 flutter和Dart进行插件的安装,安装完需要重启Android Studio才能生效。
比较麻烦的,坑比较大的
第二个红叉:
说是更新brew,然后一直在终端运行brew update,但就是更新是失败,查资料有人说是多装几次就可以了,然并卵用。具体报错信息我忘了,没有在那时候截图。
卸载brew,重新安装。问题来了,根本就安装不上去,提示错误如下:
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
Failed during: git fetch origin master:refs/remotes/origin/master --tags --force
把这两句
替换成下面两句
第一次安装没有成功,然后又安装了一次,成功了。
然后根据第二个红叉下面的提示,在终端挨着运行,期间可能会是失败,多试两次就可以了:
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
第三个红叉:按照提示在终端运行:brew install ios-deploy
上面依赖安装完毕后,再次运行 flutter doctor,检查一下,最终正确的结果如图:
若有什么问题,欢迎留言,共同讨论。