Flutter在AndroidStudio上的安裝與配置(Windows)

純新人,請多指教

Flutter在AndroidStudio上的安裝與配置(Windows)

這裏是文章介紹。
前提是已經安裝配置好了AndroidStudio。
筆者的電腦系統是Windows10,相信大家的現在配置都已經足夠,就不贅述安裝Flutter的配置要求了。
本文主要參考Flutter官網安裝教程,文中如有錯誤也最好去官網看看一下正確操作步驟。

Step1、添加臨時鏡像

國內訪問Flutter的官網可能會有些慢,因此可以向系統或用戶環境變量中添加以下兩個變量:

PUB_HOSTED_URL(變量名) = https://pub.flutter-io.cn(變量值)
FLUTTER_STORAGE_BASE_URL(變量名) = https://storage.flutter-io.cn(變量值)

添加方式:右鍵單擊“此電腦”->“屬性”->“高級系統設置”->“環境變量”->“(##的用戶變量/系統變量,二者都可以)新建”,記得確定保存並退出。↓
在這裏插入圖片描述

Step2、獲取FlutterSDK

1、前往Flutter官網下載安裝包:Flutter官網;或者使用Git的方式安裝,前提是你已經下載安裝了GitGit for Windows下載地址
(官網內Stable channel是穩定版,Beta和Dev版是更新快但可能存在bug的,我們下載Stable裏的最新版即可)

2、將安裝包.zip解壓到你想安裝Flutter SDK的路徑。如:D:\Flutter,最好是全英文;注意,不要將它安裝到需要一些高權限的路徑,如C:\Program Files\。

3、在Flutter安裝目錄的flutter文件下找到flutter_console.bat,雙擊運行並啓動flutter命令行,接下來就可以在這個Flutter命令行中運行各種flutter命令了(如下圖)。↓
我的安裝目錄是F盤

Step3、更新環境變量

要在你的終端運行 flutter 命令, 需要添加一些環境變量到系統Path:

同Step1中轉到環境變量的添加界面,在“##的用戶變量/系統變量”下檢查是否有名爲“Path”的條目:
如果該條目存在, 則在後面追加你所解壓安裝的flutter\bin的(如我的是F:\flutter\bin)全路徑。雙擊Path打開後選擇“新建”直接添加,或者雙擊打開Path後選擇“編輯文本",注意選擇”編輯文本“的話要使用 “;” 作爲分隔符和結尾(可能因爲系統不一樣有一點點區別
如果條目不存在, 創建一個新用戶變量 Path ,然後操作同上。
在這裏插入圖片描述

重啓Windows以應用此環境變量的更改。

Step4、運行Flutter Doctor

Flutter所需的Dart SDK已經在捆綁在Flutter裏了,因此沒有必要單獨安裝Dart SDK。

打開一個命令提示符窗口,Win鍵+R鍵打開,然後輸入“cmd”
並輸入↓

flutter doctor

仔細檢查命令行輸出以獲取可能需要安裝的其他軟件或進一步需要執行的任務。如果一切正常的話你會看到如下界面,總之一列綠✅就對了(圖中紅色項表示有一臺手機可用,暫時可以不用管這一項是否爲✅)↓在這裏插入圖片描述
第一次運行一個flutter命令(如flutter doctor)時,它會下載它自己的依賴項並自行編譯,所以可能會比較慢,要耐心等待。以後再運行就會快得多。

一旦你安裝了任何缺失的依賴,都可以再次運行flutter doctor命令來驗證你是否已經正確地設置了。

Step5、在AndoidStudio上安裝插件

首先需要你的AndroidStudio需要升級至3.0版本及以上。

1、啓動Android Studio;
2、打開插件首選項 File>Settings>Plugins> 搜索“Flutter”和“Dart”並安裝(不同版本的AndroidStudio界面有些許不同,下圖爲3.6版本);↓
在這裏插入圖片描述

3、重啓Android Studio後插件纔會生效。

Step6、HelloWorld!(並不是)

創建新應用:
選擇 File>New Flutter Project;
選擇 Flutter application 作爲 project 類型, 然後點擊 Next,輸入項目名稱 (如 testapp), 然後點擊 Next,點擊 Finish,等待Android Studio安裝SDK並創建項目(項目創建完成後是一個使用Material 組件的簡單演示應用程序)。
和創建Android應用是一樣的操作,只不過變成了Flutter相關的。

在項目目錄中,您應用程序的代碼位於 lib/main.dart。

要使這個應用運行,你需要創建一個虛擬機(不推薦),或者連接真機、打開開發人員選項、打開USB調試、允許此電腦調試,然後點擊下圖中的綠色運行按鈕,你就就能在你的Android手機上看到一個Flutter應用了。↓
在這裏插入圖片描述
熱重載按鈕 (帶有閃電⚡️圖標的按鈕)只能在點擊運行按鈕之後點擊,它可以使你的Flutter應用在不重新安裝啓動的條件下展示出你修改代碼後的效果,主要是修改頁面。有時候還是點擊重新運行一下更好。

第一次寫這玩意兒,共勉!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章