【Flutter 專題】01 圖解 Windows 環境下安裝配置環境

flutter 是谷歌的移動 UI 框架，可以快速在 iOS 和 Android 上構建高質量的原生用戶界面。 同時可以與現有的代碼一起工作。flutter 已經發布很長一段時間了，有不少大神都在學習和應用，小菜認為大前端方向是趨勢，也學習一下。

Flutter 中文網 中對 Flutter 講解非常全面，小菜也想好好學習一下，但是頭一步配置環境就難倒小菜了，還真是當頭一棒啊！小菜覺得官網可能覺得配置環境太簡單了，所以說明的簡潔明了，但對于小菜這種基礎差的還真得花時間研究一下。因此小菜第一篇小博文就是整理一下在 Windows 環境下如何安裝配置 Flutter 環境。

Flutter 建議 Windows 環境在 64 位 Windows7 及以上，小菜的環境是 Windows10；

磁盤空間要超過 400MB，小菜覺得現在的電腦對這些空間都是綽綽有余的；

電腦已安裝 Git；

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

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

添加用戶 Path 路徑：控制面板 -> 系統和安全 -> 系統 -> 高級系統設置 -> 環境變量，Path 變量中添加 Flutter 路徑，到 \bin 級；一般是在 C:\User\Your Name\Flutter\bin，若找不到可以在磁盤中搜索一下；

cmd 中運行 Flutter：flutter doctor，但是不幸報錯，提示無法連接遠程服務器，如圖：

小菜嘗試解決這個問題，于是在 cmd 中編輯：

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

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

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

重新打開 cmd -> flutter upgrade，之后等待進行，即可順利安裝：

電腦連接手機，打開開發者模式，打開 cmd -> flutter devices，檢測是否連接設備，如圖：

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

Flutter 是一種比較新的跨平臺方式，小菜覺得很有必要學習一下，如果可以的話小菜想結合 Demo 整理一個小系列。

小菜深刻理解到，看一百遍不如動手操作一遍，可能會遇到各種意想不到的問題，對自己也是一種挑戰。

來源：阿策小和尚

Flutter

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。