1. 程式人生 > >Android Studio使用Google Flutter完整教程 【0】

Android Studio使用Google Flutter完整教程 【0】

轉載自:https://blog.csdn.net/gfg156196/article/details/81118368

 

一套程式碼 iOS、Android 兩端執行,Google Flutter 實在太強大。。

“Flutter 可幫助你更容易、更快速的開發介面美觀的移動應用。”  — —  Google 

Flutter 使用的是 Google 自己開發的網路程式語言——Dart 語言,

因此,開發者只要使用過 Java 或 JavaScript 之類的語言,那麼 Flutter 也極容易上手。

2017 年 Google I/O 大會上,Google 首次推出了一款新的用於建立移動應用的開源庫——Flutter
2018年5月 Google I/O 大會上,Flutter 更新到了 beta 3 版本。
2018年6月 flutter 釋出了首個預覽版本
Flutter 團隊還發布了中文  Flutter 網站:https://flutter-io.cn/

騰訊也將使用 Flutter 推出 “NOW 直播” 手機客戶端。接下里就開始使用 Flutter

1、下載Flutter開發包(GitHub下載 或者 官網下載)GitHub簡單些
無論我們使用什麼方式下載,最終得到 Flutter 的 SDK開發包即可(有了開發包直徑跳至2 、)

官網 :https://flutter.io/

GitHub:https://github.com/flutter/flutter

如下簡單介紹一下官網下載,GitHub下載大家都很熟就不再介紹了。。。。

選擇自己的系統版本下載即可 

2、下載完成後解壓到flutter資料夾並將bin路徑新增至path環境變數中(大家都會就不多說了)
注意:不要在這樣的目錄下 如: C:\Program Files\   這類系統目錄或者有空的目錄

3、在flutter目錄中找到 flutter_console.bat 檔案。雙擊啟動它。檢查並修復SDK
如果下載的舊版本需要升級可用如下命令:

$ flutter upgrade
如果剛下載的新版本直接執行如下命令:

flutter doctor
flutter doctor 會自動檢測當前開發環境配置,並且自動下載欠缺的檔案。

下載過程有些長。尤其對於國內使用者有時還出現下載失敗的情況。

可能要嘗試多次執行命令才會成功。(我開了藍燈)

注意:Dart SDK與Flutter捆綁在一起,沒有必要單獨安裝Dart。

仔細檢查cmd終端 可能需要安裝的其他軟體或執行的其他任務(以粗體顯示)。

出現以上這些效果都算是安裝成功了。。。

4、Android Studio設定
進入 File>Settings>Plugins  搜尋 Flutter 和 Dart 外掛點選右側 Install 即可

該Flutter外掛支援Flutter開發人員工作流程(執行,除錯,熱重新載入等)。
該Dart外掛提供程式碼分析(鍵入時的程式碼驗證,程式碼完成等)。
安裝完成後會重啟Android Studio,發現有些人的Studio會沒有flutter專案選項,可以嘗試修復studio或者重新下一個。

由於某些眾所周知的原因訪問國外谷歌伺服器有些問題,建立工程如果失敗請新增如下環境變數。

新建 PUB_HOSTED_URL  值為 https://pub.flutter-io.cn
新建 FLUTTER_STORAGE_BASE_URL 值為 https://storage.flutter-io.cn


點選 建立工程

此處現象問題不大,如果自己已經下載Flutter的開發包並且配置了環境變數,

可以直接選擇三個點 選擇自己開發包的路徑即可,然後下一步。。。

一直點選 next 進行下一步即可建立完成。。。。。。初次使用時間可能會久一點

工程建立完成之後Android Studio比普通工程多了一個黃色的閃電標誌。

工程總目錄可以如下截圖,可以修改main.dart檔案,點選黃色閃電按鈕觀察模擬器效果。。

5、深入學習 Flutter 開發
可以通過以下資源進行深入瞭解Flutter:

I/0 分享視訊:https://www.youtube.com/playlist?list=PL0o58xSX-Jvi6zBDe7SW4W6h5hauQ-xxF
技術週刊:https://flutterweekly.net/
實踐視訊:https://www.youtube.com/watch?v=syd0c9Vi2hg
開發視訊:https://www.youtube.com/watch?v=yr8F2S3Amas
Github 地址:https://github.com/flutter/flutter
Flutter 網站:https://flutter.io/
Flutter - 不一樣的跨平臺解決方案:https://juejin.im/post/5afd77466fb9a07aab2a12da
Flutter 初嘗:從 Java 無縫過渡:http://wuxiaolong.me/2018/03/08/Flutter/
知乎上介紹用 Flutter 做的幾個 APP:https://zhuanlan.zhihu.com/p/37232700
接下來一篇介紹:深入理解Google Flutter程式設計之Dart語言
--------------------- 
作者:hao_qi 
來源:CSDN 
原文:https://blog.csdn.net/gfg156196/article/details/81118368?utm_source=copy 
版權宣告:本文為博主原創文章,轉載請附上博文連結!