如何安裝

Mac上安裝Flutter過程詳解

前方預警，前方預警，前方預警

根據文章的提醒。。。，我們只用在命令列執行以下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目錄中有若干個開發示例，對於新手來說十分實用。hello_world專案便位於其中。
hello_world的目錄結構如下:

進入hello_world目錄中，執行
flutter package get安裝相關package。

在Android真機上執行hello_world

用資料線連線Android手機並確認手機已開啟了除錯功能。

命令列

在命令列中，進入hello_world目錄。執行以下命令即可：

flutter run 

Android Studio編輯器

確保Android Studio已經安裝了Flutter和Dart外掛，並且配置了Flutter的路徑,如下圖所示:

hello_world的Android工程結構如下圖：

點選Run按鈕即可在Android真機上看到效果,漆黑一片只見你好，世界！！！

在IOS真機上執行hello_world

在IOS真機上執行專案需要安裝一些必要的軟體，在命令列中別分執行如下命令：

brew update   
brew install --HEAD libimobiledevice   
brew install ideviceinstaller ios-deploy cocoapods   
pod setup

安裝完畢之後開啟hello_world/ios目錄下的Runner.xcworkspace（預設大俠你已經安裝好了Xcode IDE）

在執行之前需要配置bundle identifier和簽名

連線IOS真機，點選Run按鈕即可。

捂臉，作為一個純正的Android使用者，在家沒有IOS裝置就不上效果圖了。。。