淺談Flutter（一）：搭建Flutter開發環境

學習內容來自：

Flutter中文網  、 Flutter實戰 

---------------------------------------------------------------------------------------------------------------------------

使用Flutter首先須要搭建Flutter的開發環境，如下以 Android  、Windows 標準 搭建開發環境，其餘pc系統，移動平臺請看官方文檔。

 

1、使用鏡像

------------------------------

官方說明：

因爲在國內訪問Flutter有時可能會受到限制，Flutter官方爲中國開發者搭建了臨時鏡像，你們能夠將以下環境變量加入到用戶環境變量中：

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

注意： 此鏡像爲臨時鏡像，並不能保證一直可用，讀者能夠參考詳情請參考 Using Flutter in China 以得到有關鏡像服務器的最新動態。

 

------------------------------

解釋：官方就給了兩行代碼同樣的東西，可能有的同窗看不懂，實際運用以下：

一、打開'計算機高級系統設置' ---> '高級'--->'環境變量'

 

二、在用戶環境變量中分別加入上述兩行的 '變量' 和 '值'

 

 

 

 

 2、獲取Flutter SDK

 這一步比較簡單，去官方找到最新的版本下載下來安裝便可，注意不要將flutter安裝到須要一些高權限的路徑如C:\Program Files\

 官方下載地址   or  GitHub下載地址

 

3、更改環境變量

若是你想在Windows系統自帶命令行（而不是）運行flutter命令，須要添加如下環境變量到用戶PATH：

• 轉到 「控制面板>用戶賬戶>用戶賬戶>更改個人環境變量」
• 在「用戶變量」下檢查是否有名爲「Path」的條目:
  • 若是該條目存在， 追加 flutter\bin的全路徑，使用 ; 做爲分隔符.
  • 若是該條目不存在，建立一個新用戶變量 Path ，而後將 flutter\bin 的全路徑做爲它的值.

重啓Windows以應用此更改.

驗證方法：使用flutter --version 查看一下版本號

 

能夠看到我當前的版本號爲1.0.0

 

4、升級Flutter SDK和依賴包

要升級flutter sdk，只需一句命令：

flutter upgrade

該命令會同時更新Flutter SDK和你的flutter項目依賴包。若是你只想更新項目依賴包（不包括Flutter SDK），可使用以下命令：

flutter packages get獲取項目全部的依賴包。
flutter packages upgrade 獲取項目全部依賴包的最新版本。

 

5、Flutter SDK分支

Flutter SDK有多個分支，
如beta、dev、master，其中beta分支爲穩定分支（往後有新的穩定版本發佈後可能也會有新的穩定分支，如1.0.0），
dev和master爲開發分支，安裝flutter後，
你能夠運行flutter channel查看全部分支，如筆者本地運行後，結果以下：

Flutter channels:
  beta
  dev
* master
帶"*"號的分支即你本地的Flutter SDK 跟蹤的分支，
要切換分支，可使用flutter channel beta 或 flutter channel master，Flutter官方建議跟蹤穩定分支，
但你也能夠跟蹤master分支，這樣能夠查看最新的變化，但這樣穩定性要低的多。

查看全部分支及當前分支

 

6、flutter doctor

 查看依賴是否齊全

能夠看到 紅色X 標記的使咱們還須要對應處理的

依次看：

 當前Android Studio 版本爲3.0  

注意 若是提示插件出問題，須要在Android studio裏面進行插件的下載

對應安裝操做：

安裝步驟：

1. 啓動Android Studio（注意：要求as 3.0+）。
2. 打開插件首選項 (macOS：Preferences>Plugins, Windows：File>Settings>Plugins)。
3. 選擇 Browse repositories…，選擇 flutter 插件並點擊 install。
4. 重啓Android Studio後插件生效。

 更新重啓Android Studio完成後，再次 flutter doctor

 

顯然，如今flutter 開發環境的搭建已經完成，驗證以下：

發現多了一個 New Flutter Project ，能夠創建Flutter項目說明 Flutter的環境搭建已經成功。

 

 

 

7、建立一個Flutter項目試試：