windows設定Flutter環境

2020-10-20 15:01:01

windows設定Flutter環境


前言

    最近需要開發一個APP,本來想用UNI-APP來做,後來發現很多坑,果斷放棄UNI使用Flutter來開發,記錄下我學習Dart與設定Flutter時碰到的一些問題。
安裝前最好先下載 jdk,然後設定下java的環境變數,因為我本身就有java,所以這裡就不設定了。


一、系統要求

  • 作業系統: Windows 7 或更高版本 (64-bit)
  • 磁碟空間:大於500MB(不包含Android SDK 與 其他環境)

二、安裝步驟

1.下載設定Flutter SDK

  1. 去flutter官網下載其最新可用的安裝包,點我跳轉
    或者點在CSND資源中進行下載:點選跳轉
  2. 將安裝包zip解壓到你想安裝Flutter SDK的路徑。
  3. 更新環境變數,在系統變數中增加以下變數:
變數名稱說明
pathflutter_url\bin值為你安裝flutter的全路徑,如(E:\flutter\bin)
PUB_HOSTED_URLhttps://pub.flutter-io.cn由於在國記憶體取Flutter有時可能會受到限制,Flutter官方為中國開發者搭建了臨時映象
FLUTTER_STORAGE_BASE_URLhttps://storage.flutter-io.cn同上

2.安裝Android SDK(如果有此環境請忽略)

  1. 去安卓工具網上面下載Android SDK安裝包,點我跳轉

  2. 選擇 [Android SDK 工具] 選單 -> [SDK Tools]選單,選擇適合自己的版本進行下載。

    在這裡插入圖片描述

  3. 將下載後的安裝包 解壓/安裝 到你想安裝Android SDK的路徑。

  4. 進入SDK的解壓目錄下,雙擊 SDK Manager.exe 開啟SDK管理器,下載需要用到的包;以下是我勾選的:

在這裡插入圖片描述
在這裡插入圖片描述

在這裡插入圖片描述

  1. 更新環境變數,在系統變數中增加以下變數:
變數名稱說明
ANDROID_HOMEandroid-sdk-windows安裝android-sdk的全路徑,如(E:\Android\android-sdk-windows)
path%ANDROID_HOME%\platform-tools
path%ANDROID_HOME%\tools
  1. 驗證是否安裝成功
adb #  輸入 adb 出來東西就說明安裝成功

在這裡插入圖片描述


3.編輯器

可以使用 android studioIntelij IDEA 等工具,只需選中其一,進行外掛的安裝即可。
以下是IDEA的外掛安裝方式:

File -> settings -> Plugins

在搜尋方塊中搜尋 Flutter 點選 install 按鈕即可

在這裡插入圖片描述


4.測試Flutter是否安裝成功

通過控制檯中輸入 flutter doctor -v 命令檢視環境;
出現以下即環境設定完成
在這裡插入圖片描述


總結

我在最後一步輸入 flutter doctor 命令時,控制檯提示
Android toolchain - develop for Android devices (Android SDK version 29.0.3)

如下圖所示:
在這裡插入圖片描述
我是在 SDK Manager.exe 中安裝了 一個已過時的包 Android SDK Tools(Obsolete) ,下載安裝完成後,
再執行 flutter doctor --android-licenses 命令,都輸入 y,就可以了。

在這裡插入圖片描述


由於剛開始學習Flutter只能簡單的介紹到這裡了,希望能幫助大家,文中有什麼不對的地方,請提出,我來修正,謝謝大家!