创建 Mac 版 Flutter 开发环境：配置环境变量和镜像

terry 2年前 (2023-09-23) 阅读数 70 #移动小程序

系统环境要求

Flutter 是一个比较新的框架，对系统有一定的要求。

操作系统：macOS（64位）
磁盘空间：700MB（不包括Xcode或Android Studio磁盘空间，ps：Xcode大约6G左右，可以边学2边做）选择一项）
软件
brew 是 Mac 上的包管理工具，类似于 centos 下的 yum。它可以轻松安装/卸载/更新各种软件包，如nodejs、elasticsearch、kibana、mysql、mongodb等，可以用来快速搭建各种本地环境，是程序员必备工具。很多Mac都没有安装brew，但是它在环境搭建中起着很大的作用，所以如果没有的话，先安装brew。教程：学习安装brew

下载Flutter SDK

两种方式：下载官网和下载github

flutter下载地址官方官网点击进入进入原因。中国，如果你想获取安装包列表或者下载通常安装包可能需要绕过。也可以去Flutter github项目下载安装包，进入下载页面
懒癌患者可以直接点击此链接下载。版本更新后，此链接可能会失效：直接点击下载

将下载的sdk保存并解压。

如果安装了解压软件，可以直接解压

或者在命令行使用unzip来解压

例如：

 cd ~/development
 unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip
复制代码

记住解压后的文件路径，接下来会用到。

配置环境变量和镜像

由于Flutter在中国的访问有时会受到限制，Flutter官方为中国开发者创建了一个临时镜像。可以将以下环境变量添加到用户环境变量中。

如何更改环境变量？

使用快捷键Command+R（或Windows键+R），或者直接点击Launchpad进入Launchpad，点击其他工具集合，选择Terminal（或终端），输入命令行工具。
输入：echo $PATH，按Enter键运行命令查看当前变量值。
输入：sudo vi ~/.bash_profile，回车输入密码，使用vi打开用户目录下的bash_profile文件。确保您使用的是 sudo，否则您无权保存文件。
按 i 键并开始在空白处进行编辑
添加以下代码
- 临时图像抖动
```
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
复制代码
```
- 更新 flutter PATH 变量，以便您可以在任何终端会话中运行 flutter 命令。
```
export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
复制代码
```
注意！！！：PATH_TO_FLUTTER_GIT_DIRECTORY上一步已经给你解压的flutter文件的路径，比如“~/document”。不要粘贴所有内容。考试时连名字都抄的学生不是合格的学生。
运行source ~/.bash_profile或重新启动命令行以刷新当前终端窗口。
运行 echo $PATH 验证该目录已在 PATH 中。正确的输出如下。每台电脑的输出可能会有所不同，但是当看到可见flutter路径时，就说明配置成功了。 /mySpace/flutterSDK/flutter/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/mongodb:/usr/local/go/bin~

查看开发环境

此时我们已经安装了flutter，但是还没有开发能力。 Flutter需要很多插件才能运行。运行以下命令，查看是否还需要安装其他依赖才能完成安装：

flutter doctor
复制代码

现在会一一列出已删除的依赖。每台计算机上缺少的依赖项都不同，例如如下：

✗ Android toolchain - develop for Android devices
    • Android SDK at /Users/obiwan/Library/Android/sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.dev/setup/#android-setup for detailed instructions.
To install, run:
    brew install --HEAD libimobiledevice
    brew install ideviceinstaller
✗ ios-deploy not installed. To install:
    brew install ios-deploy
✗ CocoaPods not installed.
    CocoaPods is used to retrieve the iOS platform side's plugin code that responds to your plugin usage on the Dart side.
    Without resolving iOS dependencies with CocoaPods, plugins will not work on iOS.
    For more info, see https://flutter.io/platform-plugins
  To install:
    brew install cocoapods
    pod setup
复制代码

首先，brew 应该安装的修复程序。如果您英文流利，请按照说明一一安装。，如果你英文不好，可以搜索关键词，比如上面的输出，可以找到brew install这几个字，然后安装所有brew安装。还是以上面的例子，可以看到饮料相关的项目包括：

brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
复制代码

执行上面的命令，一一安装依赖。扑医生往回走。此时，一些需要安装的插件错误将不再报错，但仍然存在其他常见问题，如下所列。

常见问题汇总

Cocoapods已安装但未初始化Cocoapods已安装但未初始化。运行以下语句完成初始化（可能会比较慢，耐心等待）：
```
pod setup
复制代码
```

 ✗ Xcode installation is incomplete; a full installation is necessary for iOS development.
 Download at: https://developer.apple.com/xcode/download/
 Or install Xcode via the App Store.
 Once installed, run:
 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
复制代码

如果 Xcode 安装不完整，需要完整安装，则运行以下命令并输入 root 密码：

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
复制代码

执行 brew install --HEAD libimobiledevice该命令将引发以下异常：

  configure: error: Package requirements (libusbmuxd >= 1.1.0) were not met:

  Requested 'libusbmuxd >= 1.1.0' but version of libusbmuxd is 1.0.10

 Consider adjusting the PKG_CONFIG_PATH environment variable if you
 installed software in a non-standard prefix.

 Alternatively, you may set the environment variables libusbmuxd_CFLAGS
 and libusbmuxd_LIBS to avoid the need to call pkg-config.
 See the pkg-config man page for more details.

 READ THIS: https://docs.brew.sh/Troubleshooting 
复制代码

现在，您应该运行 brew unlink usbmuxd & brew install --HEAD usbmuxd 而不是 libusbmuxd。

flutter doctor 不检测Android SDK，仅安装sdk。如何安装？

首先下载android sdk for mac并提供两个可靠的网址： down.tech.sina.com.cn/page/45703.…
b。 mac.softpedia.com/get/Develop...
从该页面下载后，解压到目录
设置下载代理服务器
- 从命令行进入tools目录。 Android SDK Manager -> Preferences...给程序员带来无数好处）
- 端口输入80，然后把Force https://勾选前面的框
Mac顶部菜单Tools->Manage Add-在网站

手动将下面的网址添加到新建即可下载（注：上图中圈出的项目，建议勾选，否则可能无法创建Android模拟设备）：

  http://mirrors.neusoft.edu.cn/android/repository/addon-6.xml 
  http://mirrors.neusoft.edu.cn/android/repository/addon.xml 
  http://mirrors.neusoft.edu.cn/android/repository/extras/intel/addon.xml 
  http://mirrors.neusoft.edu.cn/android/repository/sys-img/android-tv/sys-img.xml 
  http://mirrors.neusoft.edu.cn/android/repository/sys-img/android-wear/sys-img.xml 
  http://mirrors.neusoft.edu.cn/android/repository/sys-img/android/sys-img.xml 
  http://mirrors.neusoft.edu.cn/android/repository/sys-img/google_apis/sys-img.xml 
  http://mirrors.neusoft.edu.cn/android/repository/sys-img/x86/addon-x86.xml 
  http://mirrors.neusoft.edu.cn/android/repository/addons_list-2.xml 
  http://mirrors.neusoft.edu.cn/android/repository/repository-10.xml
复制代码