（七）Flutter學習之開發環境搭建

前面幾個章節介紹了 Flutter 的開發語言 Dart 的相關內容:

• （一）Flutter學習之Dart變量和類型系統
• （二）Flutter學習之Dart展開操做符 和 Control Flow Collections
• （三）Flutter學習之Dart函數
• （四）Flutter學習之Dart操做符、控制流和異常處理
• （五）Flutter學習之Dart面向對象
• （六）Flutter學習之Dart異步操做詳解

下面咱們真正開始進入 Flutter 的部分了, 開發 Flutter 項目的 IDE 工具不少, 好比:

• IDEA
• AndroidStudio
• VSCode

IDEA 環境準備

安裝 Flutter 插件

進入 IDEA 的設置界面, 找到 plugin 選項, 而後搜索 flutter :

下載 Flutter SDK

進入 Flutter 官網：

flutter.dev/docs/get-st…,

而後選擇你的系統, 下載對應的 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

flutter.dev/docs/develo… flutter.dev/docs/develo… www.jianshu.com/p/2a1997c9a…

聯繫我

下面是個人公衆號，乾貨文章不錯過，有須要的能夠關注下，有任何問題能夠聯繫我：