最近谷歌出品的flutter开发框架比较火,目前来说,能够实现iOS和android双平台相同的体验效果,效率执行方面也是很接近原生语言。学无止境,本人目前也是从事iOS移动端的开发,学习了一段时间的flutter开发,准备尝试着做一些小应用。今天主要是记录一下flutter在mac环境下的搭建过程。
flutter的官方网站是:https://flutter.dev/ ,在国内有可能打不开,这个时候我们需要打开在国内网站:https://flutterchina.club/ 。
点击首页上的“快速开始”,接着点击“MACOS”蓝色的按钮,上面有一些步骤描述,按照一步步来就可以了。
第一步:获取flutter SDK
进入:https://github.com/flutter/flutter/releases ,选择最新的SDK(我下载的时候是version:v-1.16.2)下载到本地,待用。
发现这样直接下载下来并没有用, 这个在配置完环境变量后在终端输入命令检查时才发现,提示要通过git进行获取,而不能直接下载。
所以,我们在终端输入:git clone -b stable https://github.com/flutter/flutter.git 执行完毕后, 本地上多一个flutter文件夹的目录。
第二步:配置环境变量
要配置环境变量,首先我们得确定我们的开发目录,这个目录我这里在个人文档(Document),手动建一个目录叫development(这个可以自定义),把上一步的flutter文件夹放到这个目录。环境变量的内容主要在.bash_profile的文件里,这个文件默认是隐藏的,我们可以在键盘上按下comand+shift+.来显示隐藏文件。可以用UltraEdit或其他文本编辑器打开,打开默认是空的。接下来添加环境变量内容:
我们来看一下官网上是怎么描述的:
我们把前面两行的配置复制粘贴到.bash_profile的文件里(后面的注释中文要去掉),第三行是配置flutter的git目录,也就是“~/Documents/development/flutter”这个路径,经过组装后我们得到的完整配置如下:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=~/Documents/development/flutter/bin:$PATH
保存,然后回到终端窗口输入:source $HOME/.bash_profile 对配置文件进行刷新。
前面两个配置还可以选择:
export PUB_HOSTED_URL=https://mirrors.sjtug.sjtu.edu.cn/
export FLUTTER_STORAGE_BASE_URL=https://dart-pub.mirrors.sjtug.sjtu.edu.cn/
第三步:判断环境是否配置正确
要检查环境是否配置正确,我们打开终端,输入:flutter doctor 然后回车,此时会给你返回配置的详细结果:
比如:
上面这些打叉的就是还需要继续配置的,然后上面也给出了相关的下载地址,按照给的提示做完以后就可以了。
我这里只配置了iOS的环境,配置完毕后再次运行命令:flutter doctor
配置成功后的界面:
总结
1、flutter SDK要通过git的方式下载到本地
2、.bash_profile文件里的环境变量配置要仔细
3、git下载很慢的话可以考虑改本地host(这里不描述)