Flutter簡介
Flutter是一個高性能跨平臺的移動開發(fā)框架南蓬。使用Dart語言纺非。開發(fā)者只需編寫一份代碼,即可生成Android和iOS兩種App赘方。該開源項目還處于初期階段烧颖,缺少許多核心功能,例如兼容性窄陡,文本輸入和定位等炕淮。但是已經(jīng)可以創(chuàng)建不錯的demo了。
安裝Flutter
系統(tǒng)要求
- 操作系統(tǒng):Mac或Linux (64-bit)跳夭,Windows版本還在準(zhǔn)備中涂圆。
- 命令行工具:
bash
,mkdir
,rm
,git
,curl
,unzip
獲取SDK
克隆git倉庫们镜,再添加flutter
工具到當(dāng)前路徑。
$ git clone https://github.com/flutter/flutter.git
$ export PATH=`pwd`/flutter/bin:$PATH
用下面的命令檢查依賴程序
$ flutter doctor
首次運行flutter
命令润歉,它會自動下載并編譯所需的依賴程序模狭。后續(xù)操作會快得多。
完成后踩衩,再次運行flutter doctor
嚼鹉,確認(rèn)是否安裝完畢。
谷歌分析
Flutter使用谷歌分析(Google Analytics)匿名地上傳使用統(tǒng)計和基礎(chǔ)的奔潰信息驱富。這些信息用于改進Flutter锚赤。使用終端命令flutter config --no-analytics
關(guān)閉上傳,flutter config --analytics
重新開啟萌朱。
iOS設(shè)置
開發(fā)iOS應(yīng)用需要:
- Xcode 7.2 及更高版本宴树。
- 運行
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
命令來使用當(dāng)前版本的Xcode策菜。如果要使用其他版本晶疼,把路徑替換成對應(yīng)的路徑即可。 - 簽署Xcode license agreement又憨〈浠簦可以運行一次Xcode并確認(rèn)簽署,或者運行命令
sudo xcodebuild -license
蠢莺。
部署iOS模擬器
要在iOS模擬器上運行和測試Flutter應(yīng)用前寒匙,需要如下操作:
- 在你的Mac上,從Spotlight找到Simulator躏将,或者使用下面的命令:
$ open -a Simulator
- 確保你的模擬器是64位的(iPhone 5s及以后)锄弱,通過菜單 Hardware > Device設(shè)置。
- 如果模擬器的屏幕太大祸憋,可使用菜單Window > Scale進行調(diào)整会宪。
部署iOS設(shè)備
在iOS設(shè)備上部署Flutter應(yīng)用,需要額外的工具:
- 安裝 homebrew蚯窥。
- 在終端上運行以下命令掸鹅,安裝部署工具:
$ brew install ideviceinstaller ios-deploy
你還需要為開發(fā)者賬號設(shè)置配置文件。具體方法請見蘋果官方文檔拦赠。
Android設(shè)置
開發(fā)Android應(yīng)用巍沙,需要Mac或64位Linux的機器。
- 安裝Android Studio荷鼠。
- 在Android Studio中句携,安裝最新版的Android SDK和Android SDK Platform-Tools。Adding SDK Packages介紹了具體方法允乐。
部署Android設(shè)備
Android設(shè)備需要運行Android 4.1(API level 16) 及以上版本矮嫉。
- 通過訪問Settings > About phone牡辽,并點擊Build number七次, 以啟動設(shè)備的開發(fā)者模式敞临。
- 從Settings > Developer options态辛,啟用USB debugging。
- 用數(shù)據(jù)線把你的手機連接到電腦挺尿。如果手機上有提示奏黑,授權(quán)你的電腦訪問你的手機。
- 用
flutter devices
核實連接是否建立编矾。
默認(rèn)地熟史,F(xiàn)lutter使用adb
對應(yīng)的Android SDK。如果要使用其他的Android SDK窄俏,可將環(huán)境變量ANDROID_HOME
置為其所在目錄蹂匹。
創(chuàng)建應(yīng)用
在終端執(zhí)行flutter create <project name>
命令。例如:
$ flutter create myapp
這個命令會在當(dāng)前目錄下創(chuàng)建一個名叫myapp
的Flutter工程目錄凹蜈,里面包含一個簡易的demo限寞。這個應(yīng)用的代碼在 myapp/lib/main.dart.
中。
運行應(yīng)用
有兩種方式運行你的應(yīng)用仰坦。
用命令行運行
進入應(yīng)用的根目錄(即文件pubspec.yaml
所在的目錄)履植,運行命令flutter run
。例如:
$ cd myapp
$ flutter run
如果你同時連接了多部設(shè)備悄晃,你需要用設(shè)備的deviceID
選擇一部運行玫霎。例如:
$ flutter run -d 7B2A282E-24AC-4E9E-BEA1-F5F8F19AFB7C
可以用flutter devices
查看已連接的設(shè)備(包括模擬器)。
運行期間妈橄,如果修改了代碼庶近,可以按鍵盤的r
鍵進行熱更新。
按control+c
結(jié)束運行眷蚓。
用IntelliJ IDEA的插件運行
用這種方式運行鼻种,你需要有:
- IntelliJ IDEA(免費版即可)
- Flutter插件
運行步驟:
- 打開IntelliJ,在歡迎界面點擊Create New Project溪椎,或者從主界面點擊File > New > Project…普舆。
- 選擇菜單中的Flutter,將Flutter的git倉庫所在目錄設(shè)置為FLutter SDK path校读,點擊Next沼侣。
- 設(shè)置Project name和Project location,點擊Finish歉秫。
- 選擇設(shè)備蛾洛,點擊工具欄上的運行按鈕或者菜單中的Run > Run。
如果一切正常,你會看到:
插件同樣支持熱更新(插件本質(zhì)上也是調(diào)用Flutter命令):
- 以
Run
或Debug
運行應(yīng)用轧膘。 - 修改代碼钞螟,不關(guān)閉應(yīng)用。
- 點擊
Hot Reload App
按鈕谎碍。
插件的使用和熱更新的具體細(xì)節(jié)鳞滨,請見Developing apps in the IntelliJ IDE。