【Flutter】Flutter安装和配置(mac)

简介: 【Flutter】Flutter安装和配置(mac)

1、准备工作
升级Macos系统为最新系统
安装最新的Xcode
电脑上面需要安装brew https://brew.sh/
安装chrome浏览器(开发web用)
2.、下载flutter
https://docs.flutter.dev/release/archive?tab=macos
大家网页后,选择对应的版本【Tips: 查看自己的mac系统版本 ----->终端运行uname -a,看最后是arm还是x86】
下载完成后解压;我是新建了一个文件夹flutter_sdk用来存放解压的sdk文件;

3、配置fluuter环境变量
把 Flutter安装目录的bin目录配置到环境变量,然后把Flutter国内镜像也配置到环境变量里面
https://doc.flutterchina.club/setup-macos/

控制台输入vm .bahs_profile编辑文件,按i进入编辑模式;PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin替换成刚解压的目录;【直接把bin文件夹拖到终端就可以看到文件目录】
vim ~/.bash_profile
vim ~/.zshrc

export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
1
2
3
4
5
6
让配置环境变量生效

source ~/.bash_profile
source ~/.zshrc
1
2
4、运行flutter doctor 命令检测环境

第一个❌ 是因为没安装Android sdk 暂时先忽略
第二个❌是没安装xcode,安装最新的xcode

5、配置Flutter Xcode Ios环境
如果电脑上面没有安装 brew的话首先第一步需要安装brew
https://brew.sh/
终端执行
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
1
执行
brew install cocoapods
pod setup

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
1
2
3
4
5

  1. 再次执行 flutter doctor

原因是xcode中没安装模拟器:
打开 Xcode,在顶部菜单栏选择 “Window” -> “Devices and Simulators”。
在打开的窗口中,选择 “Simulators” 标签。
在左下角,点击 “+” 图标来创建一个新的模拟器。
在弹出的对话框中,你可以选择你想要的设备类型和 iOS 版本。然后给模拟器取一个名称,最后点击 “Create”。

暂时先这样,后续在记录安装安卓sdk的问题~

6、安装Android studio
https://developer.android.com/studio?hl=zh-cn下载并安装 Android Studio。下载的软件选择取决于你的电脑芯片

第一步:安装sdk
安装完成后,打开软件,选择preferences,输入sdk,选择 Android sdk 安装;

第二步:运行flutter doctor

第一个❌:
cmdline-tools component is missing
打开android studio,preference->android sdk

勾选之后,选择apply,等待安装完成;再次控制台输入flutter doctor

这个提示代表Android 许可证状态未知,让我们运行flutter doctor --android-licenses来解决。

按照提示执行

flutter doctor --android-licenses
1
一直回车即可,选择y
原文链接:https://blog.csdn.net/weixin_43957384/article/details/141890767

目录
打赏
0
8
8
2
120
分享
相关文章
如何在Android Studio中配置Flutter环境?
如何在Android Studio中配置Flutter环境?
755 61
在macOS系统上配置Flutter环境的步骤
在macOS系统上配置Flutter环境的步骤
326 62
|
4月前
|
Ubuntu gnome WhiteSur-gtk-theme类mac主题正确安装和卸载方式
通过这个过程,用户不仅可以定制自己的桌面外观,还可以学习到更多关于 Linux 系统管理的知识,从而更好地掌握系统配置和主题管理的技巧。
422 12
Android调试终极指南:ADB安装+多设备连接+ANR日志抓取全流程解析,覆盖环境变量配置/多设备调试/ANR日志分析全流程,附Win/Mac/Linux三平台解决方案
ADB(Android Debug Bridge)是安卓开发中的重要工具,用于连接电脑与安卓设备,实现文件传输、应用管理、日志抓取等功能。本文介绍了 ADB 的基本概念、安装配置及常用命令。包括:1) 基本命令如 `adb version` 和 `adb devices`;2) 权限操作如 `adb root` 和 `adb shell`;3) APK 操作如安装、卸载应用;4) 文件传输如 `adb push` 和 `adb pull`;5) 日志记录如 `adb logcat`;6) 系统信息获取如屏幕截图和录屏。通过这些功能,用户可高效调试和管理安卓设备。
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
286 12
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
348 26
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
132 1
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio插件安装与配置
本篇将专注于如何在 DevEco Studio 中安装和配置必要的插件,以增强开发功能和提升效率。通过正确配置插件,开发流程能够得到简化,开发体验也会更加顺畅。
324 1
「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio插件安装与配置
|
6月前
flutter开发中Use ‘const’ with the constructor to improve performance. Try adding the ‘const’ keyword to the constructor invocation.报错如何解决-优雅草卓伊凡
flutter开发中Use ‘const’ with the constructor to improve performance. Try adding the ‘const’ keyword to the constructor invocation.报错如何解决-优雅草卓伊凡
85 1
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问