Flutter系列文章目錄導讀：
（一）Flutter學習之Dart變量和類型系統
（二）Flutter學習之Dart展開操作符 和 Control Flow Collections
（三）Flutter學習之Dart函數
（四）Flutter學習之Dart操作符、控制流和異常處理
（五）Flutter學習之Dart面向對象
（六）Flutter學習之Dart異步操作詳解
（七）Flutter 學習之開發環境搭建
（八）Flutter 和 Native 之間的通信詳解
（九）Android 項目集成 Flutter 模塊
（十）Flutter FutureBuilder 優雅構建異步UI
更新中…
下面我們真正開始進入 Flutter 的部分了, 開發 Flutter 項目的 IDE 工具很多, 比如:
- IDEA
- AndroidStudio
- VSCode
IDEA 環境準備
安裝 Flutter 插件
進入 IDEA 的設置界面, 找到 plugin 選項, 然後搜索 flutter :
下載 Flutter SDK
進入 Flutter 官網：
https://flutter.dev/docs/get-started/install,
然後選擇你的系統, 下載對應的 SDK 文件
解壓完成後, 配置 PATH 環境變量, 路徑精確到 bin 目錄
然後在控制檯運行 flutter 命令: flutter doctor:
Flutter 相關命令
查看當前安裝的 Flutter 版本
$ flutter --version
Flutter 1.5.4-hotfix.2 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 7a4c33425d (3 months ago) • 2019-04-29 11:05:24 -0700
Engine • revision 52c7a1e849
Tools • Dart 2.3.0 (build 2.3.0-dev.0.5 a1668566e5)
從中可以看出：
flutter 版本爲 1.5.4-hotfix.2,
flutter channel stable ,
Dart 語言版本爲 2.3.0
查看當前安裝的 Flutter 有哪些版本
$ flutter version
v1.7.8+hotfix.3
v1.8.1
v1.7.8+hotfix.2
v1.7.8+hotfix.1
v1.8.0
v1.7.11
v1.7.10
v1.7.9
v1.7.8
v1.7.7
v1.7.6
v1.7.5
v1.7.4
v1.7.3
...
查看正在使用的 Flutter channel
$ flutter channel
Flutter channels:
beta
dev
master
* stable
不同的 channel 分別代表的意思爲:
master
當前代碼樹的頂端, 最新的版本. 一般有很多新功能, 但是不保證以後會不會砍掉dev
是最新的完全測試過的版本. 也包含了新功能beta
每隔幾周都會選取近幾個月中最好的一個dev版本，當作 beta 版，這個版本是通過 Google 的 codelabs 測試的stable穩定版, 生產環境中使用
切換 flutter channel
flutter channel stable
升級 Flutter SDK
flutter upgrade
該命令會同時更新 Flutter SDK 和你的 flutter 項目依賴包. 如果你只想更新項目依賴包(不包括 Flutter SDK), 可以使用如下命令：
更新項目依賴包
// 獲取項目所有的依賴包
flutter packages get
// 獲取項目所有依賴包的最新版本
flutter packages upgrade
配置 SDK 路徑
下載完 Flutter SDK 之後, 配置 Flutter SDK path:
如果安裝完 Flutter SDK, 你僅僅是像新建一個 Dart 項目, 瞭解下 Dart 語言, 還需要配置 Dart SDK 路徑
你也可以專門下載 Dart SDK, 其實 Flutter SDK 裏面已經包含了 Dart SDK, 在 cache 目錄:
新建項目
配置好環境後就可以創建 Flutter 項目了, 創建 Flutter 工程可以通過命令:
flutter create my_project_name
// 指定 Android 和 iOS 的使用語言
flutter create -i swift -a kotlin your__project_name
也可以通過 IDE 來創建工程, 比如通過 IDEA 來創建工程:
File -> Project -> Flutter :
對於上面的 project type 的選擇, 根據具體的情況來定:
- 如果你創建的工程是最終給用戶安裝使用的, 請選擇
Application - 如果給
Android/iOS開發者使用的, 請選擇Plugin; - 如果是純
Dart組件,例如Widget庫, 請選擇Package
配置國內鏡像
如果在創建項目的過程中, 過了好久依然沒有反應, 比如通過命令創建一直處於這個狀態
Running "flutter packages get" in project_name...
或者通過 IDE 創建項目, 一直處於 creating flutter project... 中
可能是因爲無法訪問 Google 的問題, Google 爲此提出的解決方案是配置國內的鏡像站
如果你是 Linux/Mac 系統, 配置如下環境變量:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
如果你是 Windows 系統, 添加兩個環境變量:
PUB_HOSTED_URL ===== https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL ===== https://storage.flutter-io.cn
運行項目
下圖是運行項目的關鍵功能:
運行效果如下圖所示:
Reference
https://flutter.dev/docs/development/tools/sdk/upgrading
https://flutter.dev/docs/development/tools/sdk/upgrading
https://www.jianshu.com/p/2a1997c9a21f
如果你覺得本文幫助到你，給我個關注和讚唄！
另外，我爲 Android 程序員編寫了一份：超詳細的 Android 程序員所需要的技術棧思維導圖。
如果有需要可以移步我的 GitHub -> AndroidAll，裏面包含了最全的目錄和對應知識點鏈接，幫你掃除 Android 知識點盲區。 由於篇幅原因只展示了 Android 思維導圖：
