Flutter:最難搞的搭建環境,一次性成功!(新手踩坑)

進入我的主頁,檢視更多Flutter的分享!

我的電腦是Win10系統,專業版 最新版本。

問答環節:

問1:Flutter怎麼開發?

答:開發Dart,表現為字尾為dart的檔案。

問2:Flutter能做什麼?

答:能打包App,包括安卓和IOS。

問3:網上的教程,會說出現錯誤的較多,我也遇到了怎麼解決?比如gradle版本太低?

答:按照推薦的配置,不會出錯,只是單間環境而已,沒那麼複雜。

問4:必須安裝Android Studio嗎?不會用!筆記本會卡!

答:安裝是為了下載

Android SDK

,這個是必須的;並且,我直接下載

Android SDK

,執行失敗了。因此,(我的電腦)得安。

一、安裝(搭建環境)

1. 需要Git

下載會慢一些,但誰的電腦上沒有這個?(https://git-scm。com)

配置:

$ git config ——global user。name “yourname”$ git config ——global user。email yourmail@example。com

2. 需要JDK

不建議用最新版14。x,會報錯(android某個檔案出現某個錯誤之類的)。這錯誤我是沒解決,猜測是JDK最新版本改動很大或者Flutter還沒有相容到。

最低版本,建議

JDK8

。直接百度搜或(https://www。oracle。com/java/technologies/javase/javase-jdk8-downloads。html)

我安裝的是

JDK8

,配置環境變數:

#路徑:右鍵我的電腦-屬性-高階系統設定-環境變數#新建使用者變數,填入你的jdk路徑:JAVA_HOME=C:\Program Files\Java\jdk#新建使用者變數:CLASSPATH=。;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools。jar#path變數,新增:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

CMD,測試輸出版本資訊:

Flutter:最難搞的搭建環境,一次性成功!(新手踩坑)

3. 需要Android SDK

下載Android Studio 最新版(https://developer。android。google。cn/studio)

安裝時選擇custom,再選擇

Android SDK

的存放路徑,完成後配置環境變數:

#新增環境變數,填入Android SDK的存放路徑ANDROID_HOME=D:\JDK\Android

4. 需要Flutter SDK

下載最新版,百度搜Flutter或(https://flutter。dev/docs/development/tools/sdk/releases#windows)

下載後解壓,配置環境變數:

#path,新增解壓的路徑:D:\JDK\flutter\bin# 建立新的變數:PUB_HOSTED_URL=https://pub。flutter-io。cn# 建立新的變數:FLUTTER_STORAGE_BASE_URL=https://storage。flutter-io。cn

就可以用

flutter doctor

檢測環境,忘記截圖了,就放上JDK14。x的截圖吧,除了前兩個叉號不一樣,其它的資訊是一樣的。。。

Flutter:最難搞的搭建環境,一次性成功!(新手踩坑)

5. 配置和安裝外掛

(1)Android Studio

匯入

Flutter SDK

:file - setting - flutter(搜尋)

安裝Flutter外掛:file-plugins-flutter(同時會安裝Dart外掛)

(2)Vscode:

直接搜尋並安裝Flutter(同時會安裝Dart外掛)

此時檢測環境,只有兩個問題(沒有安卓協議和沒有裝置連線):

Flutter:最難搞的搭建環境,一次性成功!(新手踩坑)

6. 走一波安卓協議

在cmd中,輸入:

flutter doctor ——android-licenses

然後一直

y+回車

,直到全部結束(新手別搞事,全部yes即可)

此時檢測環境:

Flutter:最難搞的搭建環境,一次性成功!(新手踩坑)

二、建立並執行專案

(1)Android Studio

直接建立一個 Flutter Project 就可以。

(2)Vscode

檢視(點選);

命令面板(點選);

Flutter:create project(輸入flutter選擇這個命令);

輸入專案名,並選擇儲存路徑(輸入);

稍等下就建立完成,如果建立很慢,看上面

第4步

按F5,在裝置上執行,首次執行可能要慢一些,我等了三分鐘。

Flutter:最難搞的搭建環境,一次性成功!(新手踩坑)

Flutter:最難搞的搭建環境,一次性成功!(新手踩坑)

三、強調注意事項

我安裝時沒有出現任何問題,只有兩點仍需注意:

不要選擇最新的JDK版本,本次測試的最新版是14。x

正確配置環境變數,尤其是第4步(設定上國內訪問地址,否則不僅特慢,而且會超時失敗)

配置環境變數的截圖​​ :

Flutter:最難搞的搭建環境,一次性成功!(新手踩坑)

Flutter:最難搞的搭建環境,一次性成功!(新手踩坑)

Flutter:最難搞的搭建環境,一次性成功!(新手踩坑)

Flutter:最難搞的搭建環境,一次性成功!(新手踩坑)

文章釋出於2020年7月,請參考當前時間和最新的版本來閱讀本文。