Flutter for Mac 环境配置

作为一名iOS码农,心血来潮尝试着搭建苹果电脑的Flutter开发环境配置,一波三折啊,刚爬出一个坑又掉进了另一个坑,下面我整理一下配置中遇到的问题,非喜勿喷,大神可略过......

1.获取Flutter SDK(按照Flutter中文网的来)

a.下载安装包链接地址

b.解压安装包到你想安装的目录,如:

cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

c.下载完成后配置Flutter环境变量:()

在 Linux 、 MacOS Mojave 及 Mojave 之前的系统里,
默认使用 Bash ,对应修改:.bashrc文件
MacOS Catalina,默认使用ZShell,对应修改:.zshrc文件

查找shell类型:
终端输入: echo $SHELL
可以看到结果是:
/bin/zsh 或者 /bin/bash:

确认使用:vim ~/.bashrc 或者 : vim ~/.zshrc
vim的编辑:按一下 i

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

紧接着将Flutter相关工具到PATH环境变量中,
将xxxx换成步骤 b 中您放Flutter SDK解压文件的路径
export PATH=xxxx/flutter/bin:$PATH

vim的保存并退出:先按:,再键入wq

执行下面命令使镜像、环境变量生效:
source ~/.bashrc 或 source ~/.zshrc
结束后,通过下面的命令检测是否配置成功: flutter -h
键入下面命令,检查哪些依赖没有成功: flutter doctor

2.iOS 设置很顺利,在进行 Android 设置时遇到了问题,下面就说一说Android设置遇到的问题及解决方法:

a.下载并安装Android Studio后


仅供参考1

按照安装向导执行安装Android SDK时,发现Mac安装Android Studio 无法勾选 Android SDK


仅供参考2

跑到度娘跟前就问:“咋回事儿啊?”,好多的回答是:“找个梯子吧,要翻墙啊!”。没办法,Android SDK是Flutter为Android开发时所必需的啊,容我先冷静一下,难道墙内就没有解决方法了吗?
各种方式尝试设置 Android Studio-->Preference-->Http Proxy,不好使啊,突然发现了一个奇葩贴文的回答,把Http Proxy设为No Proxy,关闭并重新打开Android Studio,可以了,成功安装Android SDK。

b.安装完Android SDK之后同样需要配置Flutter环境变量:
使用:vim ~/.bashrc 或者 : vim ~/.zshrc
vim的编辑:按一下 i

紧接着将Flutter相关工具到PATH环境变量中,
export ANDROID_HOME=""
export PATH={ANDROID_HOME}/tools

vim的保存并退出:先按:,再键入wq
执行下面命令使镜像、环境变量生效:
source ~/.bashrc 或 source ~/.zshrc
键入下面命令,检查哪些依赖没有成功: flutter doctor

c.在终端运行 flutter doctor --android-licenses 时报“java.lang.NullPointerException” 的错误,这个坑真不好爬出来啊,费了九牛二虎之力才发现一点眉目,有可能是之前电脑安装的JDK版本太高了,跑到oracle官网下载了JDK8旧版本,下载后安装。

查看JDK安装目录:
打开终端,输入: /usr/libexec/java_home -V
(注意:输入命令参数区分大小写(-v是不对的,必须是-V))
如图:依次为:1 输入命令; 2 当前Mac已安装JDK目录; 3 Mac默认使用的JDK版本;

截屏2021-06-09 下午4.03.03.png

d.使用:vim ~/.bashrc 或者 : vim ~/.zshrc
vim的编辑:按一下 i

紧接着将JDK到PATH环境变量中,
export JAVA_8_HOME="/Library/Java/JavaVirtualMachines/jdk1.8.0_281.jdk/Contents/Home"
export JAVA_HOME=$JAVA_8_HOME

vim的保存并退出:先按:,再键入wq
执行下面命令使镜像、环境变量生效:
source ~/.bashrc 或 source ~/.zshrc
键入下面命令: flutter doctor

到此,大功告成

你可能感兴趣的:(Flutter for Mac 环境配置)