Flutter环境配置-macOS

本文介绍了在Mac环境下搭建Flutter开发环境的详细步骤。包括Mac环境、Xcode、VS Code和Android Studio的配置,iOS设备相关设置,以及Flutter SDK的下载、镜像设置、环境检测与更新等。还说明了如何创建和运行Flutter项目,并给出异常处理方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、系统要求​

  • ​​操作系统​​macOS 10.14.4 (Mojave) 或更高版本。
  • ​​终端环境​​默认使用 zsh(Catalina 及以上系统)或 bash(Mojave 及更早)。

二、安装 Flutter SDK​

1. 从官网下载最新稳定版 Flutter SDK

2. 解压到目标目录(如 ~/development/flutter):

unzip ~/Downloads/flutter_macos_3.32.7-stable.zip -d ~/development

​​​三、配置环境变量​

1. 编辑 Shell 配置文件:

  • ​zsh 用户​​:~/.zshrc
  • ​bash 用户​​:~/.bash_profile
# 添加以下内容(替换路径为实际 Flutter 目录)
export PATH="$PATH:$HOME/development/flutter/bin"
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2. 刷新配置:

source ~/.zshrc # 或 source ~/.bash_profile

     ​​四、安装​ Android Studio

    • 安装最新的 Android Studio
    • 在 Android Studio 的 Plugins - Marketplace 安装 Dart、Flutter 插件
    • 在 Android Studio 的 Languages & Frameworks - Android SDK 找到 SDK Tools
    • 在列表中勾选 Android SDK Command-line Tools,点击 Apply 安装

    五、安装设备环境

    brew install --HEAD usbmuxd
    brew link usbmuxd
    brew install --HEAD libimobiledevice
    brew install ideviceinstaller
    brew install ios-deploy

     ​六、检测开发环境

    1. 运行诊断命令:

    flutter doctor

     2. Flutter SDK 更新

    flutter upgrade

    七、创建/运行项目 

    1. 终端创建 Flutter 项目

    cd desktop
    flutter create flutter_demo

      2. Android Studio 创建 Flutter 项目

      • 找到 File - New,选择 New Flutter Project...
      • 输入Project Name、项目路径,点击 Create 创建

      3. 终端运行 Flutter 项目

      cd desktop/flutter_demo
      flutter run

         4. Android Studio 运行 Flutter 项目

        • 选择运行设备(web、desktop、mobile)
        • 选择 Configuration,点击 Run 运行
        MacOS上安装和配置Flutter的步骤如下: 1. **安装Homebrew**: 如果你还没有安装Homebrew,可以通过终端运行以下命令来安装: ```sh /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" ``` 2. **安装Xcode**: Flutter需要Xcode来构建iOS应用。你可以通过App Store安装Xcode。 3. **安装Flutter SDK**: 使用Homebrew安装Flutter SDK: ```sh brew install --cask flutter ``` 4. **设置环境变量**: 将Flutter的路径添加到你的shell配置文件(如`~/.bash_profile`或`~/.zshrc`): ```sh export PATH="$PATH:/usr/local/bin/flutter/bin" ``` 然后运行以下命令使更改生效: ```sh source ~/.bash_profile ``` 或者 ```sh source ~/.zshrc ``` 5. **运行Flutter Doctor**: 通过运行以下命令来检查Flutter的安装状态: ```sh flutter doctor ``` 这个命令会检查你的环境并显示任何需要安装的依赖项。 6. **安装Android Studio**: Flutter需要Android Studio来构建Android应用。你可以从[Android Studio官网](https://developer.android.com/studio)下载并安装。 7. **配置Android设备或模拟器**: 你可以使用物理设备或Android模拟器来测试你的Flutter应用。确保你已经启用了USB调试模式(如果使用物理设备)。 8. **安装Flutter插件**: 打开Android Studio,进入`Preferences` -> `Plugins`,搜索并安装Flutter插件。 9. **创建Flutter项目**: 在终端中运行以下命令来创建一个新的Flutter项目: ```sh flutter create my_flutter_app ``` 10. **运行Flutter应用**: 进入项目目录并运行: ```sh flutter run ``` 通过以上步骤,你应该能够在MacOS上成功安装和配置Flutter环境。
        评论
        添加红包

        请填写红包祝福语或标题

        红包个数最小为10个

        红包金额最低5元

        当前余额3.43前往充值 >
        需支付:10.00
        成就一亿技术人!
        领取后你会自动成为博主和红包主的粉丝 规则
        hope_wisdom
        发出的红包
        实付
        使用余额支付
        点击重新获取
        扫码支付
        钱包余额 0

        抵扣说明:

        1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
        2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

        余额充值