【Flutter】Flutter 入門

Beautiful native apps in record time.

一、重要網址:

Flutter 中文網

Dart 起步

Flutter 佈局

Flutter 教程

二、入門: 在macOS上搭建Flutter開發環境

2.1 配置鏡像

在用戶環境變量中添加如下變量:

## Flutter官方臨時鏡像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2.2 系統要求

要安裝並運行Flutter,您的開發環境必須滿足以下最低要求:

  • 操作系統: macOS (64-bit)
  • 磁盤空間: 700 MB (不包括Xcode或Android Studio的磁盤空間).
  • 工具: Flutter 依賴這些命令行工具:bashmkdirrmgitcurlunzipwhich

2.3 下載 SDK

Flutter SDK

安裝到目標目錄後,同時需要添加flutter相關工具到path中:

export PATH=$PATH:/Users/zhangkui/Documents/Futter/flutter/bin

2.4 運行 flutter doctor

flutter doctor

運行該命令查看是否需要安裝其它依賴項來完成安裝;

該命令檢查您的環境並在終端窗口中顯示報告。Dart SDK已經在捆綁在Flutter裏了,沒有必要單獨安裝Dart。 仔細檢查命令行輸出以獲取可能需要安裝的其他軟件或進一步需要執行的任務。

直到flutter doctor運行 success。Flutter開發環境便配置完成。

三、平臺設置

macOS支持爲iOS和Android開發Flutter應用程序。

3.1 iOS 設置

安裝xcode,要爲iOS開發Flutter應用程序,您需要Xcode 7.2或更高版本,配置Xcode命令行工具以使用新安裝的Xcode版本 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 對於大多數情況,當您想要使用最新版本的Xcode時,這是正確的路徑。如果您需要使用不同的版本,請指定相應路徑;確保Xcode許可協議是通過打開一次Xcode或通過命令sudo xcodebuild -license同意過了.

其它操作基本同原生,不贅述。

3.2 Android設置

安裝Android Studio,要爲Android開發Flutter應用,您可以使用Mac,Windows或Linux(64位)機器.

Flutter需要安裝和配置Android Studio,啓動Android Studio,然後執行“Android Studio安裝嚮導”。這將安裝最新的Android SDK,Android SDK平臺工具和Android SDK構建工具,這是Flutter爲Android開發時所必需的

設置您的Android設備,您需要安裝Android 4.1(API level 16)或更高版本的Android設備.

默認情況下,Flutter使用的Android SDK版本是基於你的 adb 工具版本。 如果您想讓Flutter使用不同版本的Android SDK,則必須將該 ANDROID_HOME 環境變量設置爲SDK安裝目錄。

其它操作基本同原生,不贅述。

四、編輯器

推薦使用:Android Studio、IntelliJ或VS Code

五、初始化第一個Flutter項目

5.1 編輯器初始化及運行,參考各個編輯器;

5.2 命令行

  • 初始化項目:flutter create myApp
  • 獲取項目所有的依賴包(只更新項目依賴包,不包括 Flutter SDK):flutter package get
  • 獲取項目所有依賴包的最新版本(只更新項目依賴包,不包括 Flutter SDK):flutter packages upgrade
  • 運行項目:flutter run
  • flutter release運行:flutter run --release
  • 查詢連接的設備:flutter devices
  • 選擇設備運行:flutter run -d deviceId
  • 混合模式調試:flutter attach
  • 刪除lock 一般多個flutter命令會卡住 使用這個命令解鎖:rm ./flutter/bin/cache/lockfile
  • 升級 Flutter SDK(此命令會同時更新 Flutter SDK 和你的 Flutter 項目依賴包):upgrade flutter

 

 

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