MAC版Android Studio Flutter 环境搭建

前期准备给Mac 配置JDK,网上资源很多,就不做过多的复制,下面提供一下官网下载地址

jdk 下载地址 :https://www.oracle.com/java/technologies/downloads

android studio下载地址:https://developer.android.google.cn/studio

flutter 下载地址:https://docs.flutter.dev/development/tools/sdk/releases?tab=macos

 如果不知道自己电脑下载哪个版本可以终端 输入查看

uname -a

1.jdk配置好了,就可以直接安装 android studio.

在Plugins 里面直接分别 搜索关键字 Dart,Flutter ,进行插件安装

MAC版Android Studio Flutter 环境搭建_第1张图片

 MAC版Android Studio Flutter 环境搭建_第2张图片

2.将下载下来的flutter 文件解压到自己要安装的文件夹,我这边直接解压在文档文件下面

 MAC版Android Studio Flutter 环境搭建_第3张图片

3. 编辑配置flutter 环境变量,打开文件 .bash_profile,一般在隐藏在用户下面,点击finder ,左侧有个小房子图标,点中,然后按 【shift+command+ . 】,可将隐藏文件显示出来。然后将.bash_profile 文件编辑加入下面代码 :PATH 为当前flutter 安装的路径

export PATH=/Users/andy/Documents/FlutterSDK/flutter/bin:$PATH

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

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

 MAC版Android Studio Flutter 环境搭建_第4张图片

 

4.打开编辑 .zshrc文件,如果没有,需要自己创建,将上面3点的代码copy一下放在.zshrc文件中

MAC版Android Studio Flutter 环境搭建_第5张图片

5. 分别执行下面代码,将上面环境变量应用

source ~/.bash_profile

source ~/.zshrc

6.执行下面代码查询flutter 配置是否成功

flutter doctor

运行后,可能需要等待一定时间,也有可能报如下错误 MAC版Android Studio Flutter 环境搭建_第6张图片

 7.报错后,打开 android studio --->SDK Manager,选择如下图,将图中选择的勾选上,然后finish就好。 

MAC版Android Studio Flutter 环境搭建_第7张图片

8.再次执行 flutter doctor 命令,如果还有警告出现,可根据提示,执行 flutter doctor --android-licenses 命令,在随后的提示中不停输入 y 后,再次输入执行 flutter doctor 可成功,如下图

MAC版Android Studio Flutter 环境搭建_第8张图片

 9.接下来就可以通过Android Studio创建你的flutter 项目了,注意创建项目时sdk path要选择你安装的flutter 路径。

MAC版Android Studio Flutter 环境搭建_第9张图片

 

你可能感兴趣的:(flutter,android,studio,macos)