# Flutter

年后入手了一款M1的macOS。

对于一个从来没用过Mac的人来说,一开始操作上的不适应是必然的,但是熟悉后还是真香。作为一名开发者,日常就是跑代码。就拿Node编译前端项目来说,比Windows快了可不是一点半点。

但是坑的就是所有你在Windows上常见的游戏、软件在Mac M1 上统统没有!

好了,言归正传,今天记录下M1芯片的Mac搭建 flutter 开发环境全过程:

# 开发环境搭建准备工作:

chrome、vs code(安装 flutter 插件)、Git。

# 1、flutter 安装

Flutter SDK releasesflutter.dev图标 (opens new window)

打开官网下载页,找到 macOS ,点击最新的版本下载:

img

下载完成解压会得到一个 flutter 文件夹。好了,这就是 flutter。

img

PS:虽然 flutter 是使用 dart 语言开发,但是在使用 flutter 时并不需要安装 dart。

将 flutter 放在一个文件夹里,我这里放在 Document 里了。

img

这时候打开终端执行:

ln -s /Users/yinchengnuo/Documents/flutter/bin/flutter /usr/local/bin

记得把 yinchengnuo 换成你自己的名字。

再执行:

flutter

出现:

img

就表示 flutter 安装成功。

PS:ls 那步是因为环境变量设置无效所以才将 flutter 设置成软连接的。官网上面一大堆环境变量设置其实都不是必须的,不必照做。

# 2、安装Xcode

打开 App Store 搜索 Xcode 点击安装就行了。不过就是有点大,十来个G。

# 3、安装Android Studio

Download Android Studio and SDK tools | Android Developersdeveloper.android.google.cn图标 (opens new window)

点击下载即可。完成安装打开:

img

点 Cancel,然后 Next:

img

Next:

img

Finnish:

img

Android Studio 会自动安装 Android 开发 SDK,等待即可:

img

Finish:

img

安装 Flutter、Dart 插件:

img

img

Android Studio 就安装好了。

# 4、安装 android-licenses

终端执行:

flutter doctor --android-licenses

一路输入:y

img

# 5、安装 Xcode 包管理工具

终端执行:

sudo gem install cocoapods  

即可:

img

# 6、安装手机模拟器

Xcode 自带 IOS 模拟器就不说了。问题出在安卓模拟器,之前用 Windows 搭建 flutter 环境都是在 Android Studio AVD 管理里面自己装安卓模拟器,再不济也是去装个什么腾讯模拟器、夜神模拟器啥的。但是在 M1 芯片的 macOS 上统统没有,如果是 inter 芯片的可以试试。好在谷歌也注意到这个问题了,给了一个 M1 芯片上可以运行的安卓模拟器:

google/android-emulator-m1-previewgithub.com图标 (opens new window)

安装即可:

img

至此,flutter 环境搭建完毕。

终端执行:

flutter doctor

检查:

img

# 7、创建一个项目:

flutter create a_flutter

img

8、运行项目:

img

打开安卓模拟器后,选择设备:

img

调试运行:

img

首次运行会有点久:

img

运行成功!安卓效果:

img

IOS效果:

img

web效果:

img

完!

转自知乎 (opens new window)

上次更新: 2021/5/28上午10:07:15