一套代碼 iOS、Android 兩端運行，Google Flutter 實在太強大。。

“Flutter 可幫助你更容易、更快速的開發(fā)界面美觀的移動應(yīng)用。” ?— — ?Google?

Flutter 使用的是 Google 自己開發(fā)的網(wǎng)絡(luò)編程語言——Dart 語言，

因此，開發(fā)者只要使用過 Java 或 JavaScript 之類的語言，那么 Flutter 也極容易上手。

• 2017 年 Google I/O 大會上，Google 首次推出了一款新的用于創(chuàng)建移動應(yīng)用的開源庫——Flutter
• 2018年5月 Google I/O 大會上，Flutter 更新到了 beta 3 版本。
• 2018年6月 flutter 發(fā)布了首個預(yù)覽版本

Flutter 團隊還發(fā)布了中文??Flutter?網(wǎng)站：Flutter 社區(qū)中文資源 | Flutter 中文文檔 | Flutter 中文社區(qū)

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

贈送源碼：Pangu-Immortal (Pangu-Immortal) · GitHub

---

1、下載Flutter開發(fā)包（GitHub下載 或者 官網(wǎng)下載）GitHub簡單些

無論我們使用什么方式下載，最終得到?Flutter?的 SDK開發(fā)包即可(有了開發(fā)包直徑跳至2 、)

官網(wǎng) ：Flutter - Build apps for any screen

GitHub：GitHub - flutter/flutter: Flutter makes it easy and fast to build beautiful apps for mobile and beyond

如下簡單介紹一下官網(wǎng)下載，GitHub下載大家都很熟就不再介紹了。。。。

選擇自己的系統(tǒng)版本下載即可?

---

2、下載完成后解壓到flutter文件夾并將bin路徑添加至path環(huán)境變量中（大家都會就不多說了）

注意：不要在這樣的目錄下 如：?C:\Program Files\ ??這類系統(tǒng)目錄或者有空的目錄

---

3、在flutter目錄中找到?flutter_console.bat?文件。雙擊啟動它。檢查并修復(fù)SDK

如果下載的舊版本需要升級可用如下命令：

$ flutter upgrade

如果剛下載的新版本直接運行如下命令：

flutter doctor

flutter doctor 會自動檢測當(dāng)前開發(fā)環(huán)境配置，并且自動下載欠缺的文件。

下載過程有些長。尤其對于國內(nèi)用戶有時還出現(xiàn)下載失敗的情況。

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

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

仔細檢查cmd終端?可能需要安裝的其他軟件或執(zhí)行的其他任務(wù)（以粗體顯示）。

出現(xiàn)以上這些效果都算是安裝成功了。。。

---

4、Android Studio設(shè)置

進入 File>Settings>Plugins ?搜索 Flutter 和 Dart 插件點擊右側(cè) Install 即可

• 該Flutter插件支持Flutter開發(fā)人員工作流程（運行，調(diào)試，熱重新加載等）。
• 該Dart插件提供代碼分析（鍵入時的代碼驗證，代碼完成等）。

安裝完成后會重啟Android Studio，發(fā)現(xiàn)有些人的Studio會沒有flutter項目選項，可以嘗試修復(fù)studio或者重新下一個。

由于某些眾所周知的原因訪問國外谷歌服務(wù)器有些問題，創(chuàng)建工程如果失敗請?zhí)砑尤缦颅h(huán)境變量。

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

點擊?創(chuàng)建工程

此處現(xiàn)象問題不大，如果自己已經(jīng)下載Flutter的開發(fā)包并且配置了環(huán)境變量，

可以直接選擇三個點?選擇自己開發(fā)包的路徑即可，然后下一步。。。

一直點擊 next 進行下一步即可創(chuàng)建完成。。。。。。初次使用時間可能會久一點

工程創(chuàng)建完成之后Android Studio比普通工程多了一個黃色的閃電標(biāo)志。

工程總目錄可以如下截圖，可以修改main.dart文件，點擊黃色閃電按鈕觀察模擬器效果。。

---

5、深入學(xué)習(xí)?Flutter 開發(fā)

可以通過以下資源進行深入了解Flutter：

• I/0 分享視頻：https://www.youtube.com/playlist?list=PL0o58xSX-Jvi6zBDe7SW4W6h5hauQ-xxF
• 技術(shù)周刊：https://flutterweekly.net/
• 實踐視頻：https://www.youtube.com/watch?v=syd0c9Vi2hg
• 開發(fā)視頻：https://www.youtube.com/watch?v=yr8F2S3Amas
• Github 地址：GitHub - flutter/flutter: Flutter makes it easy and fast to build beautiful apps for mobile and beyond
• Flutter 網(wǎng)站：Flutter - Build apps for any screen
• Flutter - 不一樣的跨平臺解決方案：Flutter - 不一樣的跨平臺解決方案 - 掘金
• Flutter 初嘗：從 Java 無縫過渡：Flutter 初嘗：從 Java 無縫過渡 | 吳小龍同學(xué)
• 知乎上介紹用 Flutter 做的幾個 APP：最近用 Flutter 做了幾個 APP - 知乎

接下來一篇介紹：深入理解Google Flutter編程之Dart語言

贈送源碼：https://github.com/yugu88/MagicWX。《最完整的Android逆向知識體系》

---

贈送源碼：https://github.com/Pangu-Immortal《最完整的Android逆向知識體系》

總結(jié)

以上是生活随笔為你收集整理的Android Studio使用Google Flutter完整教程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。