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

Mac 安裝配置 Flutter

---

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

---

1. 獲取 Flutter SDK

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

git clone -b beta https://github.com/flutter/flutter.git

2、到Flutter保存的路徑下

export PATH=`pwd`/flutter/bin:$PATH

2.1、如果下載失敗，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的開發。