搭建Flutter-iOS開發環境

一、 獲取Flutter工程

現在釋出的是beta 版本，可以用 git clone -b beta https://github.com/flutter/flutter.git

也可以切換到master分支，使用master分支的程式碼

二、將flutter加入path

開啟.bash_profile（一般在Mac的當前使用者目錄下），

編輯新增：

export PATH=[flutter工程目錄]/flutter/bin:$PATH
複製程式碼

eg:

執行以下命令列進行重新整理：

source ~/.bash_profile
複製程式碼

執行以下命令驗證flutter/bin目錄在PATH中:

echo $PATH
複製程式碼

三、iOS環境依賴

需要通過homebrew安裝用於將Flutter應用程式部署到iOS裝置的環境和工具：

brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
複製程式碼

不同情況下回 遇到很多不同情況，如果不成功可以通過flutter doctor來定位問題

四、建立一個Flutter專案

經過上面三部環境基本上差不多了，現在來建立一個Flutter專案。 進入你想存放專案的目錄，執行命令列：

flutter create flutterapp
複製程式碼

其中flutterapp為專案名稱，不能用大寫。

如果中途遇到上面問題，可以執行flutter doctor定位問題：

五、執行flutter專案

有兩種方式執行專案：命令列和XCode執行

1、命令列

將真機連到電腦，進入flutter專案檔案,然後執行命令列flutter run，eg:

cd flutterapp
flutter run 
複製程式碼

這個時候會提示你所連線真機的資訊，如下圖，其中*後面的為手機id

這個時候再執行命令列flutter run -d 手機id 等待一段時間後便會在你手機上執行專案 eg:

flutter run -d 47662d3bad7fa0da458a703b262c04a69c0714cf
複製程式碼

2、XCode執行

也可以直接進入專案中ios資料夾，開啟Runner.xcworkspace，再執行專案。

介面展示