在mac上安装flutter

简介: flutter是几年前接触的一款跨平台框架,由谷歌开发.几年过去了,不温不火,这里记录下最新版本安装的流程

下载安装

访问flutter 中文网

我选择的是 stable 2.8.1

SDK 的下载地址是 Downloads,mac 会自动解压文件

将 flutter 添加到 path

在使用 flutter 命令前,需要更新 path
vim ~/.zshrc
下面是 android studio / flutter / java 的配置,看下自己缺什么就补上

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=${PATH}:/Users/wuyangjiacuo/Downloads/flutter/bin:$PATH

export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_301.jdk/Contents/Home/

然后ESC + :wq保存并退出
最后source ~/.zshrc刷新下 path

flutter doctor

flutter doctor 是 flutter sdk 提供的一个检测环境的工具
在我们设置好 path 后,comman line 里面输入flutter doctor就可以检测 flutter 运行所需的各种工具
我的输出结果是

Running "flutter pub get" in flutter_tools...                      18.3s
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.8.1, on macOS 11.2.3 20D91 darwin-x64, locale
    zh-Hans-CN)
[!] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    ✗ cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/macos#android-setup for
      more details.
[!] Xcode - develop for iOS and macOS (Xcode 12.5.1)
    ! Flutter recommends a minimum Xcode version of 13.0.0.
      Download the latest version or update via the Mac App Store.
[✓] Chrome - develop for the web
[✓] Android Studio (version 2020.3)
[✓] VS Code (version 1.62.3)
[✓] Connected device (1 available)

! Doctor found issues in 2 categories.

可以看到我还没有安装 android 所需的工作链,xcode 的版本也偏低
因为我是安卓手机,所以就折腾安卓相关的就可以了。

abdroid 配置

android studio 下载地址
可以直接参考官方文档

已经安装了 android studio 的可以在 performance 里面的 system setting 里面查看 sdk 和 command line 是否正确安装,都正确安装后再次运行
flutter doctor就可以看到都是 ok 的了,没有 ok 的根据提示执行对应的操作就行

目录
相关文章
|
4天前
|
NoSQL 数据可视化 Redis
Mac安装Redis
Mac安装Redis
14 3
|
4天前
|
关系型数据库 MySQL 数据安全/隐私保护
Mac安装Mysql5.7
Mac安装Mysql5.7
22 5
|
4天前
|
缓存 关系型数据库 MySQL
Mac安装brew
Mac安装brew
25 5
|
4天前
|
Oracle Java 关系型数据库
Mac安装JDK1.8
Mac安装JDK1.8
26 4
|
4天前
|
数据安全/隐私保护 iOS开发 MacOS
Mac安装Navicat Premium 16.3.5
Mac安装Navicat Premium 16.3.5
18 3
|
13天前
|
关系型数据库 MySQL 数据库
【Mac os系统】安装MySQL数据库
本文详细介绍了在Mac OS系统上安装MySQL数据库的步骤,包括下载、安装、配置环境变量、启动服务、授权设置以及解决常见问题,并提供了一些常用的MySQL命令。
38 0
【Mac os系统】安装MySQL数据库
|
2月前
|
应用服务中间件 开发工具 nginx
Mac M1/M2/M3 芯片环境配置以及常用软件安装-前端
Mac M1/M2/M3 芯片环境配置以及常用软件安装-前端 最近换了台新 Mac,所有的配置和软件就重新安装下,顺便写个文章。
249 1
|
4天前
|
应用服务中间件 PHP nginx
Mac安装Nginx
Mac安装Nginx
11 2
Mac安装Nginx
|
17天前
【科研技巧】Mac系统如何给Endnote 20安装GB/T中文文献格式以及利用Endnote在Word中插入参考文献
在Mac系统下给Endnote 20安装GB/T中文文献格式的步骤以及如何利用Endnote在Word中插入符合GB/T格式的参考文献。
39 5
【科研技巧】Mac系统如何给Endnote 20安装GB/T中文文献格式以及利用Endnote在Word中插入参考文献
|
4天前
Mac 安装 Node Error: Could not symlink include/node/common.gypi
Mac 安装 Node Error: Could not symlink include/node/common.gypi
9 3