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

1、准备工作

  1. 升级Macos系统为最新系统
  2. 安装最新的Xcode
  3. 电脑上面需要安装brew https://brew.sh/
  4. 安装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/

  1. 控制台输入vm .bahs_profile编辑文件,按i进入编辑模式;PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin替换成刚解压的目录;【直接把bin文件夹拖到终端就可以看到文件目录】
typescript 复制代码
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

让配置环境变量生效

typescript 复制代码
source ~/.bash_profile 
source ~/.zshrc

4、运行flutter doctor 命令检测环境

第一个❌ 是因为没安装Android sdk 暂时先忽略

第二个❌是没安装xcode,安装最新的xcode

5、配置Flutter Xcode Ios环境

  1. 如果电脑上面没有安装 brew的话首先第一步需要安装brew
    https://brew.sh/
    终端执行
typescript 复制代码
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  1. 执行
typescript 复制代码
brew install cocoapods 
pod setup 

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 
sudo xcodebuild -runFirstLaunch


  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来解决。

按照提示执行

typescript 复制代码
flutter doctor --android-licenses

一直回车即可,选择y

参考链接

相关推荐
爱吃大芒果4 小时前
Flutter 主题与深色模式:全局样式统一与动态切换
开发语言·javascript·flutter·ecmascript·gitcode
小a杰.6 小时前
Flutter 进阶:构建高性能跨平台应用的实践与技巧
flutter
Bigger7 小时前
Tauri(21)——窗口缩放后的”失焦惊魂”,游戏控制权丢失了
前端·macos·app
Bigger7 小时前
Tauri (20)——为什么 NSPanel 窗口不能用官方 API 全屏?
前端·macos·app
巴拉巴拉~~10 小时前
Flutter 通用轮播图组件 BannerWidget:自动播放 + 指示器 + 全场景适配
windows·flutter·microsoft
ujainu小10 小时前
Flutter 结合 shared_preferences 2.5.4 实现本地轻量级数据存储
flutter
走在路上的菜鸟10 小时前
Android学Dart学习笔记第十六节 类-构造方法
android·笔记·学习·flutter
hh.h.14 小时前
Flutter适配鸿蒙轻量设备的资源节流方案
flutter·华为·harmonyos
巴拉巴拉~~14 小时前
Flutter 通用下拉刷新上拉加载列表 RefreshListWidget:分页 + 空态 + 错误处理
flutter
走在路上的菜鸟15 小时前
Android学Dart学习笔记第十七节 类-成员方法
android·笔记·学习·flutter