Flutter系列之在 macOS 上安裝和配置 Flutter 開發環境

本文爲Flutter開發環境在macOS下安裝全過程：

1、系統配置要求

想要安裝並運行 Flutter，你的開發環境須要最低知足如下要求：

操做系統：macOS（64位）

磁盤空間：700 MB（不包含 IDE 或其他工具所須要的磁盤空間）

命令工具：Flutter 須要你的開發環境中已經配置瞭如下命令行工具。

bash

curl

git 2.x

mkdir

rm

unzip

which

以上命令行工具除git外其他均爲系統自帶命令行工具，通常狀況下無需用戶安裝，查看是否安裝命令以下：

base --version

curl --version

git --version

mkdir --version

rm --version

unzip --version

which --version

2、平臺配置

一、安裝Android Studio

Android Studio 是基於 IntelliJ IDEA的、Google官方的Andriod應用集成開發環境（IDE）。

咱們在官網上找到最新版，下載後啓動安裝文件，剩下的就按照系統提示進行SDK的安裝和配置工做了。

配置完成後，咱們打開AVD Manager，點擊「Create Virtual Device」按鈕建立一臺模擬器，至此Android Studio的安裝配置工做就完成了。

二、安裝Xcode

Xcode是蘋果公司官方的IOS和macOS應用集成開發環境（IDE）。它的安裝方式很是簡單，直接在macOS系統的App Store搜索Xcode，而後安裝便可。

安裝完成後，咱們會在Lunchpad看到Xcode圖標，打開它，按照提示接受Xcode許可協議，以及安裝配置組件就能夠了。

配置完成後，在Terminal中輸入如下命令便可打開IOS模擬器

$ open -a Simulator 至此，Xcode的安裝配置工做就完成了。

3、獲取Flutter SDK

1.下載如下安裝包來獲取最新的 stable Flutter SDK：

下載連接：https://storage.flutter-io.cn/flutter_infra/releases/stable/macos/flutter_macos_v1.5.4-hotfix.2-stable.zip

想要獲取到其餘版本的安裝包，能夠查看 SDK 歸檔 頁面。

將文件解壓到目標路徑, 好比: $ cd ~/development $ unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip 3.配置 flutter 的 PATH 環境變量： 如下配置環境變量讓其永久生效的方法在不一樣的機器上有略微的差異。基本上方法都是在某一個文件中增長一句命令，讓它在每次新的命令行窗口打開時都執行一遍。好比：

首先決定你想要將 Flutter SDK 放置在哪個目錄內，獲取並記錄這個目錄的路徑，你將要在第 3 步中用到它。

打開（或者建立）$HOME/.bash_profile，這裏的路徑和文件名在你的機器上可能會有所不一樣。

2.一、執行 $HOME/.bash_profile 可能會提示不存在.bash_prefile文件，解決方法：

2.1.1 、建立.bash_profile

$ touch .bash_profile 2.1.二、編輯.bash_profile文件

$ open -e .bash_profile 在文件中增長下列這行命令，並將其中的 [PATH_TO_FLUTTER_GIT_DIRECTORY] 更改成你第一步獲取到的路徑： $ export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin" 運行 $ source $HOME/.bash_profile 使修改後的配置生效。

經過運行如下命令來驗證 flutter/bin 文件夾是否已經添加到 PATH 環境變量中： $ echo $PATH 2.1 運行 flutter doctor 命令

經過運行如下命令來查看當前環境是否須要安裝其餘的依賴（若是想查看更詳細的輸出，增長一個 -v 參數便可）：

$ flutter doctor 這個命令會檢查你當前的配置環境，並在命令行窗口中生成一份報告。安裝 Flutter 會附帶安裝 Dart SDK，因此不須要再對 Dart 進行單獨安裝。你須要仔細閱讀上述命令生成的報告，看看別漏了一些須要安裝的依賴，或者須要以後執行的命令（這個會以 加粗的文本 顯示出來）。

好比你可能會看到下面這樣的輸出：

`Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, v1.5.4-hotfix.2, on Mac OS X 10.14.6 18G84, locale zh-Hans-CN)

[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.1) [!] iOS toolchain - develop for iOS devices (Xcode 10.3) ✗ ideviceinstaller is not installed; this is used to discover connected iOS devices. To install with Brew, run: brew install --HEAD usbmuxd brew link usbmuxd 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.dev/platform-plugins To install: brew install cocoapods pod setup [!] Android Studio (version 3.4) ✗ Flutter plugin not installed; this adds Flutter specific functionality. ✗ Dart plugin not installed; this adds Dart specific functionality. [✓] Connected device (1 available)

! Doctor found issues in 2 categories.` 以後的部分會向你描述若是執行這些命令來完成總體的配置過程。

當你安裝了任一缺失部分的依賴後，能夠再次運行 flutter doctor 命令來確認是否成功安裝。

執行brew install --HEAD後提示brew command not found

$ brew install --HEAD usbmuxd $ -bash: brew: command not found 解決方案：

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 執行brew --version 查看是否安裝成功

至此，在 macOS 上安裝和配置 Flutter 開發環境完成。

已同步更新至微信公衆號，歡迎關注