Flutter 02: 图解 Mac 环境下安装配置环境

简介:       小菜前两天整理了一篇 Flutter 01:图解 Windows 环境下安装配置环境,今天整理一下在 Mac 环境下安装配置 Flutter。

      小菜前两天整理了一篇 Flutter 01:图解 Windows 环境下安装配置环境,今天整理一下在 Mac 环境下安装配置 Flutter。实际操作一边之后才会觉得,环境配置是最基础的,用心注意一下还是很容易解决的。
      参考资料:Flutter 中文网

系统环境

  1. Flutter 建议 Mac 环境在 64 位 macOS (64-bit);
  2. 磁盘空间要超过 700M,但不包括 Xcode 和 Android Studio 的空间;
  3. 电脑已安装 Git

安装图解

  1. 终端 -> git clone -b beta https://github.com/flutter/flutter.git,如图:
clone error
  1. 正常情况下会 clone 成功,但小菜电脑没有装 XCode,提示如下:
xcrun: error: invalid active developer path (/Library/Developer/
CommandLineTools), missing xcrun at: /Library/Developer/
CommandLineTools/usr/bin/xcrun
  1. 已安装好 XCode 的请跳过此步骤,安装 XCode,终端 -> xcode-select --install,大概 2-3 分钟安装成功,如图:
安装 XCode
clone 过程中
clone 成功
  1. 在国内同样需要添加 PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL,并设置 PATHFlutter 添加到路径中,如下:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=`pwd`/flutter/bin:$PATH

export PATH=$HOME/flutter/bin:$PATH
echo $PATH

      Tips: 每台计算机上的文件路径和文件名可能不同,所以要添加 export PATH=$HOME/flutter/bin:$PATH,并刷新当前窗口。

配置 PATH
  1. 终端中 -> Flutter doctor,之后便一切顺利,如图:

      至此,Flutter 环境安装配置成功,这样结合上一篇博客,WindowsMac 环境都搭建好了,万里长征第一步算是完成了,接下来就该多多尝试和研究了!


      Tips: 如果想要查询 Mac 中 Git 路径,可终端 -> which git,如图:

git 路径

      以下是小菜公众号,欢迎闲来吐槽~


公众号.jpg
目录
相关文章
|
2月前
|
开发工具 Android开发 iOS开发
如何在Android Studio中配置Flutter环境?
如何在Android Studio中配置Flutter环境?
510 61
|
2月前
|
Dart 开发工具 Android开发
在macOS系统上配置Flutter环境的步骤
在macOS系统上配置Flutter环境的步骤
276 62
|
4月前
|
缓存 Java 测试技术
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
379 3
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
|
5月前
|
Dart 前端开发 架构师
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
330 26
|
9月前
|
Oracle Java 关系型数据库
Mac电脑上安装和配置Flutter开发环境
Mac电脑上安装和配置Flutter开发环境
247 59
|
9月前
|
项目管理 Python
如何在Mac上安装多个Python环境
在你的Mac上使用多个Python环境可以对项目管理很有帮助,特别是在同时处理不同Python版本或不同的包需求时。在这篇文章中,我们将向你展示如何在Mac上轻松地安装和管理多个Python环境。
241 5
 如何在Mac上安装多个Python环境
|
9月前
|
Dart 开发工具 Android开发
在 Android 系统上搭建 Flutter 环境的具体步骤是什么?
在 Android 系统上搭建 Flutter 环境的具体步骤是什么?
|
9月前
|
Linux 开发工具 Android开发
Flutter之搭建环境
Flutter之搭建环境
|
9月前
|
JavaScript Linux Android开发
mac环境下搭建frida环境并连接网易mumu模拟器
这篇文章介绍了如何在mac环境下搭建Frida环境,并详细说明了如何连接网易MuMu模拟器进行动态分析。
568 1
|
8月前
|
PyTorch TensorFlow 算法框架/工具
手把手教你-MAC笔记本安装Pytorch环境
手把手教你-MAC笔记本安装Pytorch环境
387 0