1. 程式人生 > >Flutter入門之環境搭建

Flutter入門之環境搭建

       自從18年google在I/O大會上推出了Flutter,覺得在未來可能是一個趨勢,於是在休閒之餘上手了一下,在搭建環境變數時出現了幾個坑,在看官方文件和查詢資料後都解決了,記錄一下在window上環境變數安裝過程:

flutter官網地址為:https://flutterchina.club/setup-windows/

1.配置映象

由於在國內訪問Flutter有時可能會受到限制,Flutter官方為中國開發者搭建了臨時映象,大家可以將如下環境變數加入到使用者環境變數中:

FLUTTER_STORAGE_BASE_URL   

https://storage.flutter-io.cn

PUB_HOSTED_URL                           https://pub.flutter-io.cn

2.下載flutter_sdk

a.去flutter官網下載其最新可用的安裝包,點選下載 ;

注意,Flutter的渠道版本會不停變動,請以Flutter官網為準。另外,在中國大陸地區,要想正常獲取安裝包列表或下載安裝包,可能需要翻牆,讀者也可以去Flutter github專案下去

下載安裝包 。

b.將安裝包zip解壓到你想安裝Flutter SDK的路徑(如:C:\src\flutter;注意,不要將flutter安裝到需要一些高許可權的路徑如C:\Program Files\)。我的安裝目錄截圖如下:

c.在Flutter安裝目錄的flutter檔案下找到flutter_console.bat,雙擊執行並啟動flutter命令列,接下來,你就可以在Flutter命令列執行flutter命令了。

3.配置flutter環境變數

在系統變數Path下配置flutter安裝目錄,如我的目錄是D:\soft\flutter\flutter\bin,你可以選擇自己的安裝目錄,截圖如下:

在配置flutter環境變數前一定要先配置git,要不然會報錯,報錯資訊如下:

flutter doctor 不行,說是'where'不是內部或外部命令,也不是可執行的程式,或批處理檔案。error:unable to find git in your path.

4.flutter下載安裝完成,開啟命令列視窗,在開啟的命令列視窗中執行flutter doctor,只需等待一段時間即可,它會下載它自己的依賴項並自行編譯,以後再執行就會快得多,一段時間後會出現以下介面,證明flutter安裝配置成功了。

5.Android studio配置:

開啟Android studio——Settings——plugins,在彈出的plugins視窗中輸入flutter,然後選擇下載,flutter外掛中保護dart,不用單獨下載dart,下載完成後重啟studio就可以在外掛中看到flutter了。

6.配置fluttersdk和dart路徑

a.配置dart-sdk:

依次選擇settings————Languages&FrameWorks————Dart——Dart sdk path,選擇你從官網下載好的flutter目錄下的dart-sdk目錄,我的目錄如下:如果在version下出現版本號(如:2.1.0-dev.9.4)證明安裝正確,否則請檢查配置和下載的包

b.配置flutter-sdk目錄

依次選擇settings————Languages&FrameWorks————Flutter——Flutter sdk path,選擇剛才你下載的flutter目錄,我的目錄截圖如下:如果出現如下圖的版本號就證明配置成功,否則檢查配置,重新下載最新的安裝包.

至此,flutter在window上一個完整的安裝配置 過程就完成了,可以愉快地去進行專案實戰學習了~~