Flutter 是谷歌的移動 UI 框架，可以快速在 iOS 和 Android 上構建高質量的原生使用者介面。 同時可以與現有的程式碼一起工作。Flutter 已經發布很長一段時間了，有不少大神都在學習和應用，小杬認為大前端方向是趨勢，也學習一下。 Flutter 中文網 中對 Flutter 講解非常全面，小杬也想好好學習一下，但是頭一步配置環境就難倒小杬了，還真是當頭一棒啊！小杬覺得官網可能覺得配置環境太簡單了，所以說明的簡潔明瞭，但對於小杬這種基礎差的還真得花時間研究一下。因此小杬第一篇小博文就是整理一下在 Windows 環境下如何安裝配置 Flutter 環境。

系統環境Flutter 建議 Windows 環境在 64 位 Windows7 及以上，小杬的環境是 Windows10；磁碟空間要超過 400MB，小杬覺得現在的電腦對這些空間都是綽綽有餘的；電腦已安裝 Git；安裝圖解

Tips: 優先處理第 5 步，可以減少很多不必要的問題！！！

1. cmd -> git clone https://github.com/flutter/flutter.git，clone 需要一段時間，如圖；

2. 新增使用者 Path 路徑：控制面板 -> 系統和安全 -> 系統 -> 高階系統設定 -> 環境變數，Path 變數中新增 Flutter 路徑，到 \bin 級；一般是在 C:\User\Your Name\Flutter\bin，若找不到可以在磁碟中搜索一下；

3. cmd 中執行 Flutter：flutter doctor，但是不幸報錯，提示無法連線遠端伺服器，如圖：

4. 小杬嘗試解決這個問題，於是在 cmd 中編輯：

prompt PUB_HOSTED_URL=https://pub.flutter-io.cnprompt FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cnflutter doctor

可以下載，但是 Builde 環節出錯，如圖：

5. 第 3 步如果是有梯子的情況下正常，但小杬沒有梯子，所以忽略了進門第一件重要的事，配置國內環境，在環境變數中新增使用者 Path 變數：PUB_HOSTED_URL -> https://pub.flutter-io.cn 和 FLUTTER_STORAGE_BASE_URL -> https://storage.flutter-io.cn，強烈建議優先配置這一步，會省去很多不必要的麻煩，小杬僅從自己遇到的問題順序整理，如圖；

6. 重新開啟 cmd -> flutter upgrade，之後等待進行，即可順利安裝：

7. 電腦連線手機，開啟開發者模式，開啟 cmd -> flutter devices，檢測是否連線裝置，如圖：

至此，Flutter 環境安裝配置成功，雖然安裝配置環境是基礎的基礎，但當看到 "Welcome to Flutter!" 時，小杬還是有一絲說不出的自豪和欣喜。還要繼續學習和研究啊！

Flutter 是一種比較新的跨平臺方式，小杬覺得很有必要學習一下，如果可以的話小杬想結合 Demo 整理一個小系列。 小杬深刻理解到，看一百遍不如動手操作一遍，可能會遇到各種意想不到的問題，對自己也是一種挑戰。