不用Android Studio,搭建 flutter開發環境
- 前言
- JDK,FLUTTER SDK,ANDROID SDK的安裝及配置
- JDK安裝及環境變數配置
- flutter sdk 的安裝及配置
- Android Sdk的安裝和配置
- IDEA 運行第一個flutter應用
- flutter 插件的安裝
- 創建flutter 專案
前言
最近準備做一個簡單的app,計劃使用flutter,考慮到電腦上已經裝了IDEA,而android studio也是基于idea的定制的開發工具,所以打算直接用IDEA作為開發工具,工欲善其事,必先利其器,開發環境的準備是必不可少的,主要涉及到flutter sdk, android sdk的安裝,期間也是碰了不少坑,在此做個記錄以備忘,
注:按照flutter官網的安裝是基于要裝andriod studio的前提的,地址:https://flutter.dev/docs/get-started/install/windows
JDK,FLUTTER SDK,ANDROID SDK的安裝及配置
JDK安裝及環境變數配置
網上一大把資料,掠過,
flutter sdk 的安裝及配置
參考網址:
https://www.jianshu.com/p/568b6e31d17a
https://www.cnblogs.com/songfengyang/p/14067900.html
最終整理步驟如下:
1. 下載flutter sdk 最新版本,下載網址: https://flutter.dev/docs/get-started/install/windows

我下載的是flutter_windows_2.5.2-stable.zip,
2.解壓得到flutter檔案夾到某個目錄下,我解壓到D:

3.配置環境變數,將D:\flutter\bin添加到path中

Flutter的執行是要進行聯網的,由于國內的原因,所以你需要設定兩個用戶環境變數以使用國內鏡像,Pub源的配置
如果你沒有梯子,一個人人都知道的原因,你還需要在環境變數里配置一下Pub源,不然你是無法進行使用的,
linux下用export來配置
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

4.進行Flutter doctor 的測驗
在終端中輸入flutter doctor

出現了報錯,因為我們沒有安裝android sdk,網上很多后續步驟都是通過安裝android studio來處理,我們這里不裝android-studio,只裝android sdk,來達到flutter開發環境的可用
Android Sdk的安裝和配置
這里是問題最多的地方,有些問題也是找了很久才處理掉的
- 下載命令列工具 ,
下載地址:https://developer.android.google.cn/studio?hl=zh-cn#downloads
在官網下拉,在Command line tools only里下載對應平臺的sdkManager;

下載后解壓得到檔案夾 cmdline-tools, 我們的Android sdk放在 D:\Android\sdk下,解壓后的目錄最好放在D:\Android\sdk\cmdline-tools\latest里,否則當執行sdkmanager時會報錯,比如我開始放的位置如下圖


這樣放我起初是為了保證tools, platform-tools, cmdline-tools, build-tools 等處于平級下,到D:\Android\sdk\cmdline-tools\bin下,執行一下sdkmanager --list命令

該報錯中明確指出需要在命令中明確使用引數–sdk_root來指定sdk_root或者將package移動到 sdk路徑\cmdline-tools/latest下,為了避免太多錯誤,我將 package移動到 sdk路徑\cmdline-tools/latest下,然后再執行sdkmanager --list命令

沒有報錯,命令成功執行
原因分析及解決方法來源:https://stackoverflow.com/questions/65262340/cmdline-tools-could-not-determine-sdk-root
2 下載需要的平臺及工具
執行sdkmanager “platform-tools” “platforms;android-27”
下載需要的平臺及工具,我準備的android系統是4.4.1,對應平臺為27

輸入y同意許可,等待下載完成

檢查一下sdk目錄發生了變化



執行命令sdkmanager “build-tools;27.0.3”,下載build-tools,


3. flutter doctor命令,修復許可
執行一下flutter doctor命令,注意Android-toolchains部分,執行此命令前,最好先執行一下 flutter config --android-sdk D:\Android\sdk,指定一下android sdk路徑

報錯說本版flutter需要的版本是;platform;andriod-29,build-tools.28.0.3,
那重新下載一下了
sdkmanager “platform-tools” “platforms;android-29”
sdkmanager “build-tools;28.0.3”

再次執行flutter doctor命令

里面提示需要執行 flutter doctor --android-licenses 來修復許可

一路填 y,知道執行完畢

4.配置環境變數
新建環境變數ANDRIOD_HOME,值為SDK安裝目錄,如D:\Android\sdk

配置環境變數Path,加入%ANDROID_HOME%\tools,%ANDROID_HOME%\platform-tools和%ANDROID_HOME%\build-tools

至此,flutter 和 android sdk的配置已經進行完畢
IDEA 運行第一個flutter應用
本機已經裝了idea,此處重點介紹如何運行第一個flutter應用
flutter 插件的安裝
IntelliJ IDEA搭建Flutter開發環境(Windows),參考網址:
https://www.jianshu.com/p/9578405334e1
按網址上的配置插件即可



創建flutter 專案


注意dart專案不能用駝峰命名,helloWorld會提示報錯

點擊finishi
我們第一次運行是需要創建一個模擬器,需要根據 andriod sdk 下載對應鏡像,在settings里找到android skd的配置,點edti

在彈出視窗中點next 開始下載


下載完成需要等待一定時間,下載完畢點finish按鈕
下載需要的系統鏡像



使用AVD Manager創建一個模擬器
參考:https://blog.csdn.net/Hubz131/article/details/102840868


這里創建一個平板模擬器

系統鏡像選API 27,要先download



確認一下,點擊 finish

在運行前面的選項中選中打開我們配置的模擬器

效果如下圖

選中 Andriod SDK built for x86, 點擊運行按鈕

等待模擬器界面發生變化,最終效果如下列圖示:



至此,配置完畢
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/305241.html
標籤:其他
