在 macOS 上搭建 Flutter 開發環境

  • 2022 年 7 月 26 日
  • 筆記

下載 Flutter SDK

flutter官網下載：//flutter.io/sdk-archive/#macos

若上述鏈接無法訪問，可通過GitHub下載

將下載的 flutter sdk 解壓到一個地方（這裡解壓完成後的目錄地址之後要用到），例如我直接放置在當前用戶的目錄下

配置 Flutter 環境變數及鏡像

  1. 打開終端工具，使用 vim 進行環境配置，輸入如下命令
vim ~/.bash_profile
  1. 在打開的文件中添加如下路徑
export PATH=/Users/用戶名/flutter/bin:$PATH  
// PATH=/Users/用戶名/... 這裡是指上面你解壓的sdk的位置資訊
// 我這裡的位置資訊是：export PATH=/Users/y***i/flutter/bin:$PATH
  1. 由於在中國訪問Flutter可能會受到限制，Flutter官方為中國開發者搭建了臨時鏡像，將如下環境變數加入到用戶環境變數中：
export PUB_HOSTED_URL=//pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=//storage.flutter-io.cn
  1. 至此，環境變數及鏡像都配置好了，再執行如下命令讓它生效
source ~/.bash_profile
  1. 使用如下命令檢查一下是否安裝成功了
flutter -h

出現如下可用的 flutter 命令提示後就是安裝成功了

Common commands:

  flutter create <output directory>
    Create a new Flutter project in the specified directory.

  flutter run [options]
    Run your Flutter application on an attached device or in an emulator.

Usage: flutter <command> [arguments]

Global options:
-h, --help                  Print this usage information.
-v, --verbose               Noisy logging, including all shell commands executed.
                            If used with --help, shows hidden options.
-d, --device-id             Target device id or name (prefixes allowed).
    --version               Reports the version of this tool.
    --suppress-analytics    Suppress analytics reporting when this command runs.
    --packages              Path to your ".packages" file.
                            (required, since the current directory does not contain a ".packages" file)

檢查開發環境

在上面的步驟中，我們成功的安裝了 Flutter ，但還不具備開發環境。在開發中還需要很多軟體和插件的支援，我們需要通過如下命令來查看到底還需要哪些軟體和插件

flutter doctor

會顯示如下資訊：

這裡顯示 ❌ 的就是必須要安裝的，帶❗️的則不是必須的。

首先，讓我們來解決 Android SDK 的問題，這裡直接下載安裝 Android Studio

  • 安裝完成後，打開 Android Studio ，點擊右下角的 Configure --> Plugins --> 下載 Dart 和 Flutter

  • 再運行 flutter doctor 查看（這裡有個問題是我已經安裝了Dart和Flutter插件，卻提示我沒有安裝，具體解決辦法可見：//www.jianshu.com/p/d9ca9624006a

  • 然後解決Android toolchain下面的問題，只要執行flutter doctor --android-licenses命令，一直輸入 y 同意即可，這時候關於Android Studio及Android SDK的問題就解決了。

可以看到，我們還需要解決XCode的安裝問題

參考

Tags:

VirMach 便宜 VPS