Flutter官網(wǎng)點擊訪問
Flutter教程(一)Flutter概覽
Flutter教程(二)Flutter安裝及運行
Flutter如何引用第三方庫并使用
如何安裝
Mac上安裝Flutter過程詳解
前方預(yù)警，前方預(yù)警，前方預(yù)警
作為高墻之內(nèi)的開發(fā)者，我們有必要看一看這篇文章Using Flutter in China
。
根據(jù)文章的提醒。。。，我們只用在命令行執(zhí)行以下Shell命令
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
git clone -b beta https://github.com/flutter/flutter.git
export PATH="$PWD/flutter/bin:$PATH"
cd ./flutter
flutter doctor
flutter doctor 會比較耗時，耐心等待
如果需要flutter全局有效，需要配置~/.bash_profile文件，添加如下代碼：
export PATH=/Users/demon.li/flutter/bin:$PATH"
運行官方示例 hello_world
flutter下的examples目錄中有若干個開發(fā)示例，對于新手來說十分實用。hello_world項目便位于其中。
hello_world的目錄結(jié)構(gòu)如下:
進入hello_world目錄中，執(zhí)行
flutter package get安裝相關(guān)package。
在Android真機上運行hello_world
用數(shù)據(jù)線連接Android手機并確認(rèn)手機已開啟了調(diào)試功能。
命令行
在命令行中，進入hello_world目錄。執(zhí)行以下命令即可：
flutter run
Android Studio編輯器
確保Android Studio已經(jīng)安裝了Flutter和Dart插件，并且配置了Flutter的路徑,如下圖所示:
hello_world的Android工程結(jié)構(gòu)如下圖：
點擊Run按鈕即可在Android真機上看到效果,漆黑一片只見你好，世界！??！
在IOS真機上運行hello_world
在IOS真機上運行項目需要安裝一些必要的軟件，在命令行中別分執(zhí)行如下命令：
brew update
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup
安裝完畢之后打開hello_world/ios目錄下的Runner.xcworkspace（默認(rèn)大俠你已經(jīng)安裝好了Xcode IDE）
在運行之前需要配置bundle identifier和簽名
連接IOS真機，點擊Run按鈕即可。
捂臉，作為一個純正的Android用戶，在家沒有IOS設(shè)備就不上效果圖了。。。
