Flutter教程——在已安裝AndroidStudio的情況下的安裝配置

我之前一直是Android原生開發,因項目需要,得用Flutter了,空閒之下記錄下Flutter的安裝配置~

第一步:去flutter官網下載其最新可用的安裝包,然後解壓,最好不要解壓在C盤下吧,我是解壓在了F盤。

第二步:設置環境變量,如圖所示,在用戶變量下添加三條:Path下添加 flutter\bin 的全路徑;名爲PUB_HOSTED_URL,值爲https://pub.flutter-io.cn的;名爲FLUTTER_STORAGE_BASE_URL,值爲https://storage.flutter-io.cn的。最後這倆是因爲國內被牆,設置的臨時鏡像。

第三步:測試下吧,打開CMD窗口,輸入命令flutter doctor,接下來就是按照提示去做啦,因爲我之前是原生開發,所以已經安裝配置AndroidStudio了,所有就沒讓我去安裝。我的提示是Android licenses問題,就按照提示輸入就好,之後就一直輸入y,表示同意。

第四步,再測試下~呃,看下圖,還有倆問題,這倆問題是提示需要安裝flutter plugin和dart plugin,

  • Flutter插件: 支持Flutter開發工作流 (運行、調試、熱重載等).
  • Dart插件: 提供代碼分析 (輸入代碼時進行驗證、代碼補全等)

那就解決一下,打開AndroidStudio->File->Settings->Plugins,搜索flutter和dart,搜索出來後安裝就好啦

第五步:再檢查下,看,好啦!

第六步:新建一個項目吧,開始你的Flutter入坑之路!!!哦對了,項目名稱需要是小寫的,祝好~

最後:介紹下項目的目錄結構

android和ios目錄:就是Android和IOS項目,需要與原生交互時就在這目錄裏寫;

lib目錄:是flutter代碼,一般是dart語言編寫的文件;

pubspec.yaml文件:配置文件,可以配置依賴項;也可以使用assets指定本地資源,如圖片、字體等。

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