Flutter初體驗（一）——Mac 安裝配置

Mac 安裝配置 Flutter

---

參考文檔： https://flutter.io/setup-macos/ http://blog.csdn.net/zhangxiangliang2/article/details/75566412

---

1. 獲取 Flutter SDK

• clone Flutter

一、使用git將Flutter項目克隆到本地，而後將Flutter添加到本地環境變量，

git clone -b beta https://github.com/flutter/flutter.git
複製代碼

二、到Flutter保存的路徑下

export PATH=`pwd`/flutter/bin:$PATH
複製代碼

2.一、若是下載失敗，Google爲中國地區提供了鏡像

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
git clone -b dev https://github.com/flutter/flutter.git
export PATH="$PWD/flutter/bin:$PATH"
cd ./flutter
flutter doctor
複製代碼

Run flutter doctor

運行Flutter doctor命令檢查是否須要安裝依賴項，完成安裝

flutter doctor
複製代碼

這個命令會檢查環境並在窗口顯示報告，Dart SDK與Flutter捆綁在一塊兒;沒有必要單獨安裝Dart。仔細檢查輸出是否須要安裝其餘軟件或執行其餘任務

若是不出意外，報告以下：

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel dev, v0.1.7, on Mac OS X 10.12.6 16G1212, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK 27.0.0)
[!] iOS toolchain - develop for iOS devices (Xcode 9.2)
    ✗ libimobiledevice and ideviceinstaller are not installed. To install, run:
        brew install --HEAD libimobiledevice
        brew install ideviceinstaller
    ✗ ios-deploy not installed. To install:
        brew install ios-deploy
[✓] Android Studio (version 3.0)
[✓] Connected devices (1 available)
複製代碼

第一次運行命令時，它會下載自身的依賴關係並自行編譯，後續運行會快不少。若是過程失敗，多重複幾回，並根據命令行提示進行安裝。

接下來會介紹如何執行這些任務並完成設置過程，若是你選擇使用某個IDE，可用於IntelliJ IDEA, Android Studio, 和 VS Code，你會看到flutter doctor輸出過程。

一旦你安裝了任何缺失的依賴關係，再次運行flutter doctor命令來驗證你已經正確設置了全部東西.

2. 獲取文件路徑

Flutter SDK下載後的路徑，獲取Flutter SDK 的安裝路徑： /Users/用戶名/flutter，要注意的是flutter文件夾下面有多個同名的flutter文件夾，真正的SDK路徑只到頂層flutter文件夾 具體步驟參考網友作的GIF

打開文件管理

進入sdk目錄

獲取文件完整路徑

3. 安裝Flutter插件和Dart插件

這裏以AndroidStudio爲例，打開Preferences面板，在Plugins中搜索Flutter，install，安裝時自動安裝Dart，安裝完成後重啓AndroidStudio

重啓AndroidStudio後，File->New 中出現 New Flutter Project，說明安裝成功

4. 建立Flutter Project

• File -> New -> New Flutter Project，選擇Flutter Application -> Next,這裏注意 Flutter SDK的路徑是否正確

• Next -> 設置 Company domain，Finish,Project建立完成，等待幾分鐘，Project完成初始化，新建Project提供了默認界面，直接運行，看看運行界面：

  

至此，Flutter環境配置完成，示例也能運行，後續繼續學習Flutter的開發。