入坑flutter,看这一篇你就够了。
来,话不多说,首先打开终端,复制黏贴两行命令

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

这个是添加一个镜像地址,flutter经常要科学上网,所以入坑前最好准备一个稳定的科学上网工具,这里顺便提一下,https://pub.flutter-io.cn/这个网址里面是找库用的,类似你在github上面找轮子,ok,咱们继续,然后去https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos下载sdk,我此时能下载的最新版本是

frc e496a096af752e96096292251637d47b - Flutter-MacOs搭建Flutter环境保姆式教学
image.png

接下来拷贝这个zip,我自己放在/Users/user/Documents/flutter/文件夹下,cd到对应文件夹后执行解压命令

cd /Users/user/Documents/flutter
unzip flutter_macos_v1.5.4-hotfix.2-stable.zip

ok,解压完成后的样子是这样的

frc a83987fcf790cce28cc5410c4391fddd - Flutter-MacOs搭建Flutter环境保姆式教学
image.png

接下来配置path环境变量,执行命令打开.bash_profile文件,

open $HOME/.bash_profile

在文件里面加入

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=[这里是你的文件路径]/flutter/bin:$PATH

PATH填你自己的路径,比如我的配置是

export PATH=~/documents/flutter/flutter/bin:$PATH

添加完之后commmand+s保存文件,回到终端执行

source $HOME/.bash_profile

ok,添加进去了,关掉终端重新打开一个执行以下命令检查一下添加了没有

echo $PATH

接下来运行doctor命令,检查你本地的环境配置还缺少哪些,可能需要一点时间,不要急

flutter doctor

此时你应该是看到这样的

frc 36784132de52fbdf97e64ed34cf91a7f - Flutter-MacOs搭建Flutter环境保姆式教学
image.png

等一等,就会出来很多XX了

frc 863483dfee832f2f4616c1468e4c077d - Flutter-MacOs搭建Flutter环境保姆式教学
image.png

因为我已经装好了android的flutter插件,所以android我没x了,ios我还没去配置,ios配置的话首先你要去装一个包管理工具https://brew.sh/
装好之后按照终端的提示命令去执行就行,记得科学上网,记得科学上网,记得科学上网
android的就相对简单很多(毕竟亲儿子好吗),打开android studio ,(什么 还没ide????我一巴掌就呼过去),然后

frc 5aa4500489b7a3cb3c4972a88b57c123 - Flutter-MacOs搭建Flutter环境保姆式教学
image.png

里面的

frc b00b9607800e182501080f19154e0c9c - Flutter-MacOs搭建Flutter环境保姆式教学
image.png

记得科学上网,记得科学上网,记得科学上网
点击安装,然后重启android studio,重启完成之后不出意外,你在新建项目里面就可以看到

frc ea114e00b4f2c1fc25bbb53cd4691095 - Flutter-MacOs搭建Flutter环境保姆式教学
image.png

恭喜你,可以开始入坑了。

Flutter-MacOs搭建Flutter环境保姆式教学