Mac 安装Flutter SDK

281 阅读3分钟

对于iOS开发者来说,安装Flutter SDK最大问题就是一个SDK路径的问题,至少我是这样。新版本的Mac电脑默认还是用.zshrc了,不再用老的.bash_profile了。

一.首先去Flutter的官网手动下载SDk(第一次安装需要这样手动下载)

官网地址: flutter.dev/

下载SDK的具体截图步骤如下:

WechatIMG14.jpg

WechatIMG15.jpg

WechatIMG16.jpg

二.接下来我们需要手动的将SDK放置在电脑的某处,我是选择放置在家目录下。(具体的位置,这个看你自己的习惯),Mac电脑默认是不显示家目录的,如何设置让它一直显示出来呢?

2.1 首先找到“访达”的设置打开。

截屏2024-03-12 00.00.50.png

2.2 勾上边框里面的电脑名字。 171710173003_.pic.jpg

2.3 这样家目录就一直显示出来了。

WechatIMG18.jpg

2.4 将我们下载的SDK放在家目录里面。

WechatIMG19.jpg

三.最关键的一步是配置flutter的环境变量,直到我们在终端执行flutter doctor能正常出来为目标,我是用的.zshrc.

3.1 进行flutter镜像配置,在终端依次执行以下命令:

 PUB_HOSTED_URL=https://pub.flutter-io.cn 

再执行

 FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

3.2 配置Flutter的环境变量,在终端再依次执行以下命令

  export FLUTTER=~/flutter

再执行

   export PATH=$FLUTTER/bin:$PATH

3.3 执行完毕后,重新打开终端或者输入命令载入配置。

执行下面的命令

  source ~/.zshrc

3.4 那么接下来!我们可以看看Flutter是否配置完成了。Flutter有⼀个doctor检测指令。专⻔⽤于检测你的Flutter环境的。

执行这个命令检查flutter环境是否配置成功。

flutter doctor

3.5 打钩就是配置OK了. 叉叉就是还没有配置好的.

执行完毕上面的flutter doctor命令后,我在终端看到结果如下:

WechatIMG20.jpg

我执行完毕它提示的命令后,那个问题果然解决了,结果如下:

WechatIMG21.jpg

四.你以为这就结束了吗,没有!当你关闭终端,再次打开终端的时候,运行flutter doctor命令,终端会提示你没有找到flutter这个命令,也就是说我们刚才的配置是暂时的,重启终端就无效啦。

1.开始解决问题,我们需要找到那个存放flutter SDK的家目录,然后让系统显示隐藏的文件。让系统显示隐藏文件的快捷键是:command+shift+点号,然后我们就看见多了很多的文件。

WechatIMG22.jpg

我们为什么要对这个文件进行编辑呢,因为现在的新电脑默认就是zshrc文件,一般来说它是隐藏着的。在我们上面在终端中export进去的命令,这个文件并没有存进去,这个时候你打开这个文件,你会发现我们上面的四个export指令一个都没有,那么我们手动打开这个文件进行编辑,粘贴进去。

WechatIMG23.jpg

保险起见,我们再去终端执行 source ~/.zshrc 这个命令。

2.最后我们完全退出终端,然后再打开终端,输入运行 flutter doctor命令,发现flutter指令真正永久生效啦,大功告成!