Flutter安装配置(Mac版M1)

2,407 阅读3分钟

Flutter安装(Mac版M1)

需要安装的软件:

1.Xcode

2.Android Studio

3.Flutter

一、Xcode

Xcode 不说了,AppStore下载

二、Android Studio

1.下载安装运行

官网 (!应该需要科学上网)

选择 Mac With Apple chip 版本。

image.png

下载完成之后,解压运行,Android Studio配置选择Standard。

可能遇到的问题:

1.下载的地址无法打开

2.下载完成之后运行出现 “An error occurred while trying to compute required packages”

image.png

image.png

解决:

问题1: 切换网络试试,或者从这里挑选版本下载

问题2: 这里下载3.6.3的mac版本运行初始化后,再运行最新的2020.3版本

不要上面这样操作,这样操作运行的sdk可能是旧版本的sdk,会导致M1电脑无法打开安卓模拟器。按如下操作,安装最新SDK

我觉得应该是安卓模拟器还不支持M1,不晓得网上的文章是如何运行起来的,也可能是我电脑的问题。不过没关系,直接可以按以下步骤下载github上的适配M1的安卓模拟器~

1.下载Intellij IDEA,地址:www.jetbrains.com/idea/downlo… 记得选择 community版本的Apple Silicon版本

2.ping 一下dl.google.com(下载安卓sdk资源的网址) 这个地址,如果不通,再挂代理再ping一下,如果还不行,按这个操作修改host :www.jianshu.com/p/8fb367a51…

3.打开Intellij IDEA,选择创建一个android 项目,然后按提示安装最新的arm sdk。 等待安装成功。

4.打开Android studio ,选择工具栏 Android studio -> Preferences

5.直接去这边下载 M1模拟器 ,使用release的03版本 github.com/google/andr…

6.下载完成之后,运行dmg之后将模拟器拖至应用程序。然后打开即可(第一次打开可能没反应,过两分钟再试一下)

2.配置Android Studio

进入Preferences, 按图安装:

image.png

3.安装 Flutter插件

进入Preferences, 按图安装,跳出安装dart时,选择yes:

image.png

三、Flutter安装

1.下载解压

官网 选择MacOs下载。 下载完成之后解压得到flutter文件夹。 我将flutter文件夹移到了 /opt 目录下。(也可以放到其他目录)

/opt/flutter

2.环境配置

参考 flutter.cn/community/c…

找到shell命令的配置文件。

bash对应文件:~/.bash_profile

zsh对应文件:~/.zshrc

M1电脑对应的应该是zshrc

打开zshrc

open ~/.zshrc

输入以下内容后保存

#Flutter镜像配置(清华)
export PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pub
export FLUTTER_STORAGE_BASE_URL=https://mirrors.tuna.tsinghua.edu.cn/flutter
#Flutter环境变量配置
export PATH=$PATH:/opt/flutter/bin

配置完成之后 执行

source ~/.zshrc 
//或者source ~/.bash_profile

可以执行以下命令,查看bin的路径是否已经配置上去

echo $PATH

四、检查Flutter

运行检查

flutter doctor

问题1:没有java环境 去提示的网址下载安装java8

问题2:android studio 证书信任问题 执行命名,全部选择y

flutter doctor --android-licenses

成功!:

image.png

五、创建Flutter工程。

flutter create flutter_demo

⚠️ 不要有大写字母。 最好路径不含中文(中文如果使用android studio 运行会报错,使用terminal 则不会)

进入目录

cd flutter_demo
//run
flutter run
//选择一个模拟器运行,如图

image.png ps:直接将创建的flutter_demo拉入android studio即可打开编辑。 修改代码之后,在terminal中,输入r即可热重载(及时更新)

//release模式运行
flutter run --release

//打开模拟器
open -a Simulator (或者直接打开m1安卓模拟器)

//指定deviceid为xxx的设备运行
flutter run -d xxx