Flutter環境安裝詳細介紹，Mac+Windows

Flutter 是 Google 開源的 UI 工具包，幫助開發者經過一套代碼庫高效構建多平臺精美應用，支持移動、Web、桌面和嵌入式平臺。Flutter 開源、免費，擁有寬鬆的開源協議，適合商業項目。

Flutter官網：flutter.dev/

必備環境

• 通用

  • AndroidStudio www.android-studio.org/

• Windows

  • Git for Win git-scm.com/download/wi…

安裝步驟：

1. 下載對應系統的Flutter SDK：flutter.dev/docs/get-st…

也能夠去Flutter項目的Github倉庫裏下載，但哪一種方式下載速度都不是特別快，將就一下吧，沒辦法。

2. 下載完SDK後就能夠把Flutter SDK解壓到任意目錄下了

這個目錄位置很重要，下一步也要用到，我建議不要放太深，Mac的話就放到 ~/ 下，Windows就放到某個C或D盤下

3. ★設置環境變量，加個星，這一步很關鍵

假設剛纔你按照我說的把Flutter SDK放到了 mac ~/ 或者 windows的C盤下了

• macOS下設置環境變量

打開終端
輸入 nano ~/.bash_profile
添加如下這行
export PATH=~/flutter/bin:$PATH
複製代碼

• Windows10下設置環境變量

打開」個人電腦>控制面板>用戶賬戶>用戶賬戶>更改個人環境變量「
在「用戶變量」下檢查是否有名爲「Path」的條目:
若是該條目存在, 追加 C:\flutter\bin ，使用 ; 做爲分隔符。
若是條目不存在, 則建立一個新用戶變量 Path ，而後輸入 C:\flutter\bin 做爲它的值。
★重啓Windows以應用此更改
複製代碼

Flutter在國內訪問比較慢,甚至沒法打開官網，因此咱們仍是使用鏡像站吧

添加鏡像站的全局變量

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
複製代碼

4. 前三步若是都正確完成了的話，這時咱們能夠使用命令行輸入如下命令

flutter doctor

5. 如今尚未完成，你會看到很多x，但起碼不用慌張了，由於有flutter doctor了，只要仔細看提示，缺什麼下什麼便可。

很慢，別慌，就是那麼慢，耐心等待。

• 最後的最後，把x的項目都補齊了，你就會看到如下畫面

• 很是的舒服有木有！

---

用什麼編輯器寫代碼你們隨意，我更推薦使用VS Code，而且你們裝上Flutter的官方插件，就有代碼提示，調試，編譯的工具條

不想安裝Flutter環境，也能夠在線玩玩看

dartpad.cn/flutter