
學習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官網進行整理*****
本文來自博客園,作者:不知名前端李小白,轉載請注明原文鏈接:https://www.cnblogs.com/libo-web/p/16060590.html
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/450433.html
標籤:其他
