
學習Flutter,首先需要搭建好Flutter的開發環境,下面我將一步步帶領大家搭建開發環境並且成功運行flutter項目。
Flutter環境配置主要有這幾點:
- 系統配置要求
- Java環境
- Flutter SDK
- Android 開發環境
***以下是基於在Window操作系統上安裝和配置Flutter開發環境***
一、系統配置要求🔥
- 操作系統:Windows 7 SP1 或更高的版本(基於 x86-64 的 64 位操作系統)
- 磁盤空間:除安裝 IDE 和一些工具之外還應有至少 1.64 GB 的空間
- Git環境:要讓 Flutter在開環境中正常使用,就要有git環境
二、Java 環境配置🔥
這里需要安裝 Java 環境,因為Flutter是基於Android的,這里就不多細說
Java環境下載地址:Java Downloads | Oracle

這里直接下載64位安裝包,解壓一直點下一步下一步就搞定了,默認是安裝到C盤,也可以自己選擇喜歡的位置進行安裝。
怎么檢測java是否安裝成功呢?
1、進入“黑窗口”:快捷鍵: win+R ,輸入cmd,按下回車
2、可以選擇輸入 java javac java -version 三個doc命令進行檢查
- 輸入java+回車,出現如下結果證明安裝成功:

- 輸入javac,出現如下結果安裝成功:

- 輸入java -version,查看Java版本,也可以證明你的java安裝成功

三、Flutter SDK🔥
Flutter SDK下載地址:https://flutter.cn/docs/development/tools/sdk/releases

選擇最新版本下載即可,下載成功后將壓縮包解壓,解壓存放路徑放在你想放置 Flutter SDK 的路徑中(我的是D:\Android\flutter)
🔺注意:請勿將 Flutter 安裝在需要高權限的文件夾內,例如 C:\Program Files\🔺
我們可以在控制台輸入 flutter 命令看是否安裝成功,如果輸出如下界面就表示flutter安裝成功啦:

不要高興的太早,雖然flutter SDK安裝成功了,但是現在控制台還不可以使用 flutter 命令操作其他業務,需要將 Flutter 的運行文件路徑加入到 PATH 環境變量:
🔴右擊【此電腦】選擇【屬性】==>選擇【高級系統設置】==>選擇【環境變量】,在【用戶變量】一欄中,選擇【Path】這個條目

🟠雙擊進入Path條目,點擊【新建】將你安裝的flutter坐在完整路徑作為新變量的值

然后一直點擊確定就OK啦
在將 Path 變量更新后,打開一個新的控制台窗口:輸入 flutter doctor 命令,如果它提示有任何的平台相關依賴,那么你就需要按照指示完成這些配置。
簡單來看,doctor是醫生的意思,顧名思義就是對flutter環境進行檢查,並將檢測結果以報告形式呈現出來,然后根據檢查報告依次解決現有環境缺陷問題
這里如果是剛安裝flutter,有些檢查項帶有紅色的[×],我這里有顯示[√]和[!]
- [×]表示還不能正常運行
- [!]表示還存在一些問題
- 只有全部為[√],系統環境才是完全安裝好,你的檢查報告才是沒毛病的

有叉的選項可自行復制搜索,都有解決方案的,這里就不一一例舉了,結尾會列部分叉踩坑解決方案
現在就來看看上述這個警告,根據它的提示,我們只需要執行: flutter doctor --android-licenses ,執行這條命令后,會有一系列選擇,全部選擇y就好(我也不知道它是個啥,感興趣的小伙伴可以自行研究)
然后我們再來執行: flutter doctor

出現這樣全部為√的選項則你的環境就完全安裝好了😁
四、設置Android開發環境🔥
到這里我們已經正確安裝flutter開發環境,但是還需要配置下Android的開發環境,因為Flutter 依賴 Android Studio 的全量安裝來為其提供 Android 平台的支持
🔴安裝 Android Studio
Android Studio下載地址:https://developer.android.google.cn/studio

🟠安裝Android SDK
Android SDK下載地址:https://www.androiddevtools.cn
進入官網我們首先找到 SDK Tools 選項:

點擊下載Android SDK壓縮包:

下載成功並解壓安裝到自定義目錄,解壓后文件目錄如下:

運行 flutter doctor 確保 Flutter 已經定位到了你的 Android Studio 的安裝位置。如果 Flutter 並未定位到,運行 flutter config --android-studio-dir <directory> 設置你的 Android Studio 的安裝目錄
🟡創建虛擬機
首先打開我們的Android Studio開發工具,第一次安裝打開界面的左側選擇【Plugin】選項,然后搜索並安裝【Flutter】插件,安裝【flutter】插件的同時一並安裝了【Dart】插件。
安裝好插件后,我們創建一個Flutter項目:

這里需要選擇你的Flutter SDK安裝目錄,點擊【Next】,輸入項目名稱:

🔺注意:項目命名規范一般是單詞小寫,多個單詞之間用_連接,如:hello_world🔺
填寫完畢后點擊【Finish】完成,打開項目進去界面,選擇工具欄的【Tools】,選擇【SDK Manager】

正確填寫Android SDK所在目錄:

安裝所需工具包(這個可以在后期視情況而定選擇下載,這里只是做一個演示):

然后同樣在Tools選項下選擇【Device Manager】,點擊【Create device】按鈕創建虛擬機:

這里自行選擇機型,然后點擊【Next】:

選擇一個系統映像並下載(這個過程可能需要幾分鍾):

下載完成后點擊【Next】,繼續點擊【Finish】完成,然后點擊啟動按鈕,等待虛擬機開啟即可:

🟢運行flutter項目
虛擬機啟動后,我們只需要點擊編輯器右上角debug就可運行查看flutter項目:

這一過程可能需要等待一會兒:

至此,我們的flutter項目就成功運行啦~~😁

當然,我們修改main.dart文件內容時,模擬器也是實時更新的:

五、總結🔥
至此,我們從搭建項目環境到運行flutter項目整個流程梳理完成,再進行一次總結:
- 首先要本身電腦系統配置達到指定要求
- Java 環境搭建
- 獲取Flutter SDK
- 設置Android Studio開發環境
- 創建虛擬機
*****注意🔺:本系列均參照Flutter官網進行整理*****
