今天看了网上的flutter教程,文字的,视频的,全部都讲不清楚在Mac系统下,Flutter开发环境的设置。
至于什么是flutter这里就不讨论了
首先,以下两个步骤可以同时进行,节约时间的办法是:
让电脑下载容量达486.2MB的SDK文件——flutter_macos_v1.2.1-stable.zip的同时,利用这个下载文件的时间,我们去配置镜像。
首先到Flutter官网下载SDK,
网址:https://flutter.dev/docs/get-started/install/macos#
这个是Flutter SDK的Mac系统安装包的地址,windows的方法明天我再发文章补充。
如图所示,点击蓝色按钮,下载稳定版stable,为了你将来开发时,避免出现莫名其妙的错误,请安装稳定版。
让电脑下载着,我们去配置环境变量.
为什么要配置?因为在国内访问Flutter有时可能会受到限制,各种网友证实,可能性90%以上。Flutter官方为中国开发者搭建了临时镜像,注意,是临时的.
现在时2019年3月27日,临时镜像为:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
注意:配置环境变量,尽量用复制粘贴,手敲代码很容易出错。
Mac系统下怎么把上面的两行代码配置进系统呢?
1.在当前用户目录下创建.bash_profile文件,如果该文件已经存在,则直接打开。
创建该文件时一般都会选择在当前用户目录下,当前用户目录是什么?路径是:
/Users/YourMacUserName/
具体步骤:
1、启动终端
2.进入当前用户的home目录(默认就是):
cd ~
或
cd /Users/YourMacUserName
3.如果.bash_profile文件存在的话就打开,没有这个文件就创建。
4.创建方法:在终端输入
touch .bash_profile
5、查看 、编辑 .bash_profile 文件:
终端输入:
open -e .bash_profile
打开 .bash_profile 文件
复制它们:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
粘贴到.bash_profile文件
保存一下,command + s ,注意:不要关闭这个文件,等一下还要添加一行。
这个时候,估计你那个Flutter SDK文件flutter_macos_v1.2.1-stable.zip也下载好了,
6、用鼠标把它从“下载”文件夹拖到/Users/YourMacUserName 目录下,
7、建议用命令行工具解压
终端输入
unzip flutter_macos_v1.2.1-stable.zip
注意unzip和flutter之间有个空格。
解压完成看图验证一下:
找到刚才打开的.bash_profile,不小心关掉了就在/Users/YourMacUserName目录下,再次输入open -e .bash_profile 打开它。
8、复制以下代码,追加到你的.bash_profile文件内。注意:更改[PATH_TO_FLUTTER_GIT_DIRECTORY]为你的flutter安装路径
export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"
给大家参考一下,我的安装路径是:/Users/guoran/,我就把它改成:
export PATH="$PATH:/Users/guoran/flutter/bin"
大家根据自己的路径修改即可
9、运行source $HOME/.bash_profile以刷新当前窗口
10、验证一下,输入
echo $PATH
这个时候应该能运行flutter命令了,我们运行命令行
flutter -h
安装好了
11、检查一下环境吧
输入
flutter doctor
按照检测结果的说明,如果有[!] ✗ 标志,表示本行检测不通过,需要做一些设置或者安装,
下一篇文章讨论和解决这些问题吧