Flutter入門教程(二)開發環境搭建


學習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官網進行整理*****


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM