写给小白的flutter安装与开发环境方法论(Mac系统)

今天看了网上的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的方法明天我再发文章补充。

flutter官方文档

如图所示,点击蓝色按钮,下载稳定版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之间有个空格。

解压过程

解压完成看图验证一下:

解压之后当前目录有个文件夹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
flutter -h命令截图

安装好了

11、检查一下环境吧

输入

flutter doctor
flutter doctor命令截图

按照检测结果的说明,如果有[!] ✗ 标志,表示本行检测不通过,需要做一些设置或者安装,

下一篇文章讨论和解决这些问题吧

你可能感兴趣的:(写给小白的flutter安装与开发环境方法论(Mac系统))