likes
comments
collection
share

macbook安装flutter1、准备工作 升级Macos系统为最新系统 安装最新的Xcode 电脑上面需要安装bre

作者站长头像
站长
· 阅读数 19

1、准备工作

  1. 升级Macos系统为最新系统
  2. 安装最新的Xcode
  3. 电脑上面需要安装brew brew.sh/
  4. 安装edge和chrome浏览器(开发web用)

2.、下载flutter

docs.flutter.dev/release/arc… 大家网页后,选择对应的版本【Tips: 查看自己的mac系统版本 ----->终端运行uname -a,看最后是arm还是x86】 下载完成后解压;我是新建了一个文件夹flutter_sdk用来存放解压的sdk文件;

git clone -b master https://github.com/flutter/flutter.git
./flutter/bin/flutter --version

3、配置fluuter环境变量

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

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

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

单次解决办法 这种方法,只对当前终端窗口有效,关闭之后无效了

source ~/.bash_profile

永久解决方法

open ~/.zshrc 

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

apple@appledeMacBook-Pro bin % flutter doctor

Doctor summary (to see all details, run flutter doctor -v):

[✓] Flutter (Channel master, 3.25.0-1.0.pre.283, on macOS 14.6.1 23G93

    darwin-x64, locale zh-Hans-CN)

[!] Android toolchain - develop for Android devices (Android SDK version 35.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/to/macos-android-setup for more details.**

[!] Xcode - develop for iOS and macOS (Xcode 15.4)

******✗** **CocoaPods not installed.**

**CocoaPods is a package manager for iOS or macOS platform code.**

**Without CocoaPods, plugins will not work on iOS or macOS.**

**For more info, see https://flutter.dev/to/platform-plugins**

**For installation instructions, see**

**https://guides.cocoapods.org/using/getting-started.html#installation**

[✓] Chrome - develop for the web

[✓] Android Studio (version 2024.1)

[✓] VS Code (version 1.92.2)

[✓] Connected device (2 available)

[!] Network resources             

******✗** **A network error occurred while checking "https://github.com/": Operation**

**timed out**

  


! Doctor found issues in 3 categories.

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

5、配置Flutter Xcode Ios环境

如果电脑上面没有安装 brew的话首先第一步需要安装brew brew.sh/ 终端执行

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

或者GitHub - Homebrew/brew: 🍺 The missing package manager for macOS (or Linux)

执行

brew install cocoapods 
pod setup 

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

6、安装Android studio

developer.android.com/studio?hl=z… Android Studio。下载的软件选择取决于你的电脑芯片

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

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

macbook安装flutter1、准备工作 升级Macos系统为最新系统 安装最新的Xcode 电脑上面需要安装bre

第二步:运行flutter doctor

macbook安装flutter1、准备工作 升级Macos系统为最新系统 安装最新的Xcode 电脑上面需要安装bre

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

按照提示执行

flutter doctor --android-licenses

一直回车即可,选择y

更多

入门: 在macOS上搭建Flutter开发环境 - Flutter中文网 (flutterchina.club)

转载自:https://juejin.cn/post/7411328136741552166
评论
请登录