MacOS安装flutter(MacOS下flutter环境配置)

Posted chzheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了MacOS安装flutter(MacOS下flutter环境配置)相关的知识,希望对你有一定的参考价值。

第一步 下载压缩包

Flutter官网下载:https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos

技术图片

 

 

 下载一个版本,我自己下载的1.22.2,大约1.19G

 

第二步 解压

1、新建一个文件夹,用于存放flutter文件,我自己建立在用户根目录下,名字随意,我的叫FlutterSDK,则路径如下:

/Users/xxxx/FlutterSDK

2、解压第一步下载好的压缩包到创建好的文件夹中,完成后路径应该是:

/Users/xxxx/FlutterSDK/flutter/...

 

第三步 配置镜像、环境变量

1、打开命令行工具,进入到自己创建的文件夹:

cd /Users/xxxx/FlutterSDK

2、确定环境变量配置的地方,执行指令:

echo $SHELL

看显示的是 /bin/zsh,还是/bin/bash

3、打开配置文件

上一步返回的是/bin/zsh,执行:

vim ~/.zshrc

上一步返回的是/bin/bash,执行:

vim ~/.bashrc

4、修改配置文件

技术图片

 

上一步打开后,命令行工具底部有个INSERT

按一下i,进入编辑模式,把下面的代码粘贴进去

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

再将flutter环境变量粘贴进去,xxxx替换为自己的路径
export PATH=xxxx/flutter/bin:$PATH

例如:我自己配置的路径就是

export PATH=/Users/xxxx/FlutterSDK/flutter/bin:$PATH

注意换行!

粘贴完成后,按一下ESC退出编辑模式,再输入:wq,回车,保存并关闭文件(注意冒号,是shift+;输入)

技术图片

 

 粘贴完成后应该是多了三行

技术图片

 

5、执行下面命令使镜像、环境变量生效 

source ~/.zshrc  或者    source ~/.bashrc

6、结束后,通过下面的命令检测是否配置成功

flutter -h

 注意这一步是联网,可能需要等一段时间才能完成,成功后大概是这个样子:

技术图片

 

第四步 检查必要的依赖

执行指令

flutter doctor

这里有两个开发工具需要下载:Xcode(开发苹果产品的IDE)、androidStudio(开发安卓产品的IDE)

技术图片

 

 

接下来按照要求安装必要的环境,不再赘述,后续操作可以参考以下链接

 

参考自:简书

 


以上是关于MacOS安装flutter(MacOS下flutter环境配置)的主要内容,如果未能解决你的问题,请参考以下文章

macOS 配置flutter 环境

macOS 配置flutter 环境

macOS 环境安装Flutter

在 MacOS 上为 Flutter 安装 cocoapods 时出现问题

Flutter入门:在macOS中安装Flutter

Flutter |macOS 下载安装配置