Flutter3.7.9&Android Studio2022.1.1安裝配置教程
一、獲取 flutter SDK
? ? ??在瀏覽器中打開網(wǎng)址:https://storage.flutter-io.cn/flutter_infra_release/releases/stable/windows/flutter_windows_3.7.9-stable.zip
? ? ? 或者打開網(wǎng)址:https://flutter.cn/docs/get-started/install/windows,點擊藍色按鈕就會自動開始下載

二、解壓flutter壓縮包
? ? ? 解壓剛才下載的zip壓縮包至想要的路徑中,如下載文件夾

? ? ? 注意:①路徑中不包含特殊字符或空格②不在高權(quán)限的文件夾下如C:\Program Files\
三、更新環(huán)境變量(path)
? ? ? 在任務(wù)欄的搜索框中輸入“env”,點擊“編輯系統(tǒng)環(huán)境變量”

? ? ? 在跳出來的窗口中,點擊“環(huán)境變量”按鈕

? ? ? 在彈出來的窗口中,找到“用戶變量”中的“Path”并點擊,再點擊“編輯”按鈕

? ? ? 點擊“編輯”按鈕,在已有內(nèi)容后輸入英文分號,加入flutter文件夾中bin文件夾的完整路徑(如圖所示),編輯完成后點擊“確定”按鈕
? ? ??

? ? ? 由于國內(nèi)特殊網(wǎng)絡(luò)環(huán)境,還需要對系統(tǒng)環(huán)境變量進行設(shè)置
? ? ? 在“系統(tǒng)變量”下點擊“新建”按鈕,輸入變量名“PUB_HOSTED_URL”以及變量值“https://pub.flutter-io.cn”并點擊“確定”按鈕,再次點擊“新建”按鈕,輸入變量名“FLUTTER_STORAGE_BASE_URL”以及變量值“https://storage.flutter-io.cn”并點擊“確定”按鈕

? ? ? 對所有窗口點擊“確定”按鈕進行保存操作
四、運行flutter doctor
在任務(wù)欄的搜索框中輸入“cmd”,點擊“命令提示符”

? ? ? 通過“cd”指令并回車先跳轉(zhuǎn)到flutter文件夾所在位置,如:cd?C:\Users\lt\Downloads\flutter_windows_3.7.9-stable\flutter\bin
? ? ??輸入“flutter doctor”并回車
? ? ? 稍等片刻,如果配置正確flutter會進行相關(guān)檢測并進行報告,目前對報錯無需理會,之后會有其他組件安裝操作

?五、安裝Android Studio
? ? ? ?在Android Studio官方網(wǎng)站(https://developer.android.google.cn/studio)下載Android Studio安裝包并進行安裝,如無特殊需要,安裝及運行過程中不斷點擊下一步即可
?

? ? ? ?安裝完成后Android Studio會自動運行,在彈出窗口中不進行更改,直接點擊“OK”,在跳出來的窗口中詢問是否發(fā)送數(shù)據(jù)報告給谷歌,選擇“Don't Send”并繼續(xù)

? ? ? 之后,會彈出來一個報錯界面,由于國內(nèi)特殊網(wǎng)絡(luò)環(huán)境,也需要對Android Studio的網(wǎng)絡(luò)進行設(shè)置,點擊“Setup Proxy”按鈕,進行網(wǎng)絡(luò)代理設(shè)置

? ? ? 在彈出來的窗口中點擊選中“Auto-detect proxy settings”,同時勾選下方“Automatic proxy configuration URL:”,并在之后的輸入框中輸入“http://mirrors.neusoft.edu.cn:80”并點擊“OK”

? ? ? 在設(shè)置完成后,可能還會報錯,這時無需理會,若無特殊需要,在接下類的設(shè)置中可以一直點擊“Next”繼續(xù),在“License Agreement”窗口中,分別對“android-sdk-license”和“intel-android-extra-license”在右下角勾選"Accept“,之后點擊“Finish”按鈕完成設(shè)置

? ? ? Android Studio會進行相關(guān)組件的下載和安裝操作,在操作結(jié)束后,點擊“Finish”按鈕

? ? ? 再次運行“flutter doctor”,查看是否已識別到Android Studio

六、配置Android模擬器
? ? ? 在Android Studio中點擊“More Actions”,再點擊“Virtual Device Manager”

? ? ? 在彈出來的窗口中點擊“Create virtual device”

? ? ? 選擇想要的模擬設(shè)備并下載想要的安卓系統(tǒng)版本


點擊“Next”,在接下來的頁面中可以進行一些個性化操作,在“Emulated Performance”一欄選擇“Hardware - GLES 2.0”開啟硬件加速,點擊“Finish”按鈕完成設(shè)置

? ? ? 點擊像播放標(biāo)志一樣的按鈕,就可以啟動手機模擬器了

七、同意Android協(xié)議
? ? ? 在此之前,?在Android Studio中點擊“More Actions”,再點擊“Virtual Device Manager”

?? ? ?點擊右側(cè)“SDK Tools”,勾選“Android SDK Command-line Tools (latest)”并點擊“Next”按鈕,軟件會自動能夠進行下載安裝

? ? ? 通過“cd”指令并回車先跳轉(zhuǎn)到flutter文件夾所在位置,如:cd?C:\Users\lt\Downloads\flutter_windows_3.7.9-stable\flutter\bin
? ? ??輸入“flutter doctor --android-licenses”并回車,在提示下不斷輸入“y”并回車

? ? ??再次運行“flutter doctor”

八、安裝flutter和dart插件
? ? ? 在Android Studio主菜單中點擊“Plugins”,在“Marketplace”下搜索框輸入“flutter”,點擊“Install”進行安裝,在安裝時會提示安裝“Dart”,也選擇安裝,安裝完成后重啟Android Studio


九、修改Android Studio網(wǎng)絡(luò)代理文件
? ? ? 進入flutter\packages\flutter_tools\gradle,用記事本打開flutter.gradle文件

? ? ? 找到代碼段
? ? ? 并將其修改為
? ? ? 再找到
? ? ? 并將其修改為
? ? ??進入flutter\packages\flutter_tools\gradle,用記事本打開resolve_dependencies.gradle文件
? ? ? 找到代碼段
? ? ? 并將其修改為
? ? ? 保存、重啟Android Studio
十、創(chuàng)建flutter項目
? ? ? 打開Android Studio,點擊“New Flutter Project”,點擊左下角“Flutter”,選擇flutter文件夾所在位置,點擊“Next”按鈕

? ? ??設(shè)置項目名稱,其他可根據(jù)需要進行設(shè)置,點擊“Create”按鈕繼續(xù)

稍等片刻,軟件中就會加載示例代碼

? ? ? 找到項目左側(cè)“android”文件夾中“build.gradle”文件并雙擊在IDE中打開

? ? ? 找到
? ? ? 并修改為
? ? ? 再找到
? ? ? 并修改為
? ? ? 在修改完成后進行保存
? ? ? 點擊右側(cè)“Device Manager”,啟動剛才設(shè)置的手機模擬器

? ? ? 點擊右上方像播放標(biāo)志一樣的圖標(biāo),讓應(yīng)用在手機模擬器中運行

? ? ? 第一次加載比較緩慢,需要耐心等待,在加載完成后就會顯示出應(yīng)用界面

? ? ? 在這個簡單的示例應(yīng)用中,通過點擊右下角的加號,界面中央的數(shù)字就會依次遞增

? ? ? 到這里,flutter和Android Studio就已經(jīng)成功進行了安裝和配置,恭喜你!
參考:
? ? ? 1.flutter官網(wǎng)安裝教程
? ? ? (https://flutter.cn/docs/get-started/install)
? ? ? 2.Flutter Sdk國內(nèi)鏡像如何配置?
? ? ? (http://bbs.itying.com/topic/638ad9b23fd95910e036af7f)
? ? ? 3.Android 設(shè)置HTTP代理為國內(nèi)鏡像源
? ? ? (http://t.csdn.cn/USdNx)
? ? ? 4.一直停在Running Gradle task 'assembleDebug'...
? ? ? (https://www.offeu.com/www/index_id_261.html)
? ? ? 5.AS解決阿里云的http或https的問題,Using insecure protocols with repositories, without explicit opt-in,
? ? ? (http://t.csdn.cn/SmhXQ)