### 1.2.2 MacOS環境搭建 首先解決網絡問題，參見上節“Windows環境搭建”。 1\.命令行工具 Flutter依賴的命令行工具有bash、mkdir、rm、git、curl、unzip、which。 2\.下載安裝Flutter SDK 請按以下步驟進行下載安裝Flutter SDK： 步驟1：去Flutter官網下載其最新可用的安裝包。 注意 Flutter的渠道版本會不停變動，請以Flutter官網為準。另外，在中國大陸地區，要想獲取安裝包列表或下載安裝包有可能發生困難，讀者也可以去Flutter GitHub項目下去下載安裝Release包。 Flutter官網下載地址：<https://flutter.io/docs/development/tools/sdk/archive#macos> Flutter GitHub下載地址：<https://github.com/flutter/flutter/releases> 步驟2：解壓安裝包到你想安裝的目錄，如： - - - - - - ``` cd /Users/ksj/Desktop/flutter/ unzip /Users/ksj/Desktop/flutter/v0.11.9.zip.zip ``` - - - - - - 步驟3：添加Flutter相關工具到path中： - - - - - - ``` export PATH=`pwd`/flutter/bin:$PATH ``` - - - - - - 3\.運行Flutter命令安裝各種依賴 運行以下命令查看是否需要安裝其他依賴項： - - - - - - `flutter doctor`- - - - - - 該命令檢查你的環境并在終端窗口中顯示報告。Dart SDK已經捆綁在Flutter里了，沒有必要單獨安裝Dart。仔細檢查命令行輸出以獲取可能需要安裝的其他軟件或進一步需要執行的任務（以粗體顯示）。如下代碼中粗體提示表示，Android SDK缺少命令行工具，需要下載并且提供了下載地址，通常這種情況只需要把網絡連好，VPN開好，然后重新運行flutter doctor命令。 - - - - - - ``` [-] Android toolchain - develop for Android devices ? Android SDK at /Users/obiwan/Library/Android/sdk x? Android SDK is missing command line tools; download from https://goo.gl/XxQghQ ? Try re-installing or updating your Android SDK, visit https://flutter.io/setup/#android-setup for detailed instructions. ``` - - - - - - 注意 一旦你安裝了任何缺失的依賴，需再次運行flutter doctor命令來驗證你是否已經正確地設置了，同時需要檢查移動設備是否連接正常。 4\.添加環境變量 使用vim命令打開～/.bash\_profile文件，添加如下內容： - - - - - - ``` export ANDROID_HOME=~/Library/Android/sdk //android sdk目錄 export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools export PUB_HOSTED_URL=https://pub.flutter-io.cn //國內用戶需要設置 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //國內用戶需要設置 export PATH=/Users/ksj/Desktop/flutter/flutter/bin:$PATH // 直接指定flutter的bin地址 ``` - - - - - - 注意 請將PATH=/Users/ksj/Desktop/flutter/flutter/bin更改為你的路徑即可。 完整的環境變量設置如圖1-13所示。 設置好環境變量以后，請務必運行source$HOME/.bash\_profile刷新當前終端窗口，以使剛剛配置的內容生效。  圖1-13 MacOS環境變量設置 5\.編輯器設置 如果使用Flutter命令行工具，可以使用任何編輯器來開發Flutter應用程序。輸入flutter help在提示符下查看可用的工具。但是筆者建議最好安裝一款功能強大的IDE來進行開發，畢竟開發調試運行打包的效率會更高。由于MacOS環境既能開發Android應用也能開發iOS應用，Android設置請參考1.2.1節“Windows環境搭建”中的“安裝Android Studio”，接下來我們會介紹Xcode使用方法。 （1）安裝Xcode 安裝最新Xcode。通過鏈接下載：<https://developer.apple.com/xcode/>，或通過蘋果應用商店下載：<https://itunes.apple.com/us/app/xcode/id497799835>。 （2）設置iOS模擬器 要準備在iOS模擬器上運行并測試你的Flutter應用。要打開一個模擬器，在MacOS的終端輸入以下命令： - - - - - - ``` open -a Simulator ``` - - - - - - 可以找到并打開默認模擬器。如果想切換模擬器，可以打開Hardware下在Device菜單選擇某一個模擬器，如圖1-14所示。 打開后的模擬器如圖1-15所示。 接下來，在終端運行flutter run命令或者打開Xcode，如圖1-16所示選擇好模擬器。點擊運行按鈕即可啟動你的應用。 （3）安裝到iOS設備 要在蘋果真機上測試Flutter應用，需要一個蘋果開發者賬戶，并且還需要在Xcode中進行設置。  圖1-14 選擇iOS模擬器  圖1-15 iOS模擬器效果圖  圖1-16 Xcode啟動應用 1）安裝Homebrew工具，Homebrew是一款MacOS平臺下的軟件包管理工具，擁有安裝、卸載、更新、查看、搜索等很多實用的功能。下載地址為：<https://brew.sh>。 2）打開終端并運行一些命令，安裝用于將Flutter應用安裝到iOS設備的工具，命令如下所示： - - - - - - ``` brew update brew install --HEAD libimobiledevice brew install ideviceinstaller ios-deploy cocoapods pod setup ``` - - - - - - 提示 如果這些命令中有任何一個失敗并出現錯誤，請運行brew doctor并按照說明解決問題。 接下來需要Xcode簽名。Xcode簽名設置有以下幾個步驟： 步驟1：在你Flutter項目目錄中通過雙擊ios/Runner.xcworkspace打開默認的Xcode工程。 步驟2：在Xcode中，選擇導航面板左側中的Runner項目。 步驟3：在Runner target設置頁面中，確保在General→Signing→Team（常規→簽名→團隊）下選擇了你的開發團隊，如圖1-17所示。當你選擇一個團隊時，Xcode會創建并下載開發證書，為你的設備注冊你的賬戶，并創建和下載配置文件。  圖1-17 設置開發團隊 步驟4：要開始你的第一個iOS開發項目，可能需要使用你的Apple ID登錄Xcode。任何Apple ID都支持開發和測試。需要注冊Apple開發者計劃才能將你的應用分發到App Store。請查看<https://developer.apple.com/support/compare-memberships/>這篇文章。登錄界面如圖1-18所示。  圖1-18 使用Apple ID 步驟5：當你第一次添加真機設備進行iOS開發時，需要同時信任你的Mac和該設備上的開發證書。點擊Trust即可，如圖1-19所示。  圖1-19 信任此電腦圖示 步驟6：如果Xcode中的自動簽名失敗，請查看項目的Bundle Identifier值是否唯一。這個ID即為應用的唯一ID，建議使用域名反過來寫，如圖1-20所示。 步驟7：使用flutter run命令運行應用程序。  圖1-20 驗證Bundle Identifier值