Flutter最近挺火的，項目也正在測試中，有點空閑時間，正好學(xué)習(xí)一下，順便抽點時間來寫寫簡書??...
Flutter 下載和配置環(huán)境
- 下載Flutter
$git clone -b master https://github.com/flutter/flutter.git - Flutter SDK依賴包下載
$./flutter/bin/flutter --version - 上一步已自動添加臨時鏡像和路徑，如果沒有添加成功則輸入命令
$vim ~/.bash_profile進行編輯
export PATH=/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
如果沒有路徑和鏡像的話則在.bash_profile中添加
立即生效source .bash_profile
運行 flutter doctor
-
運行以下命令查看是否需要安裝其它依賴項來完成安裝：
$flutter doctor
flutter_doctor.png 根據(jù)紅x和黃色感嘆號進行處理，按照提示我們需要下載Flutter、Xcode、Android Studio、Visual Studio Code等
相對于Android，flutter對iOS不太友好，xcode沒辦法安裝flutter SDK插件。所以我們只能使用Android Studio來運行flutter。
Xcode下載安裝
要為iOS開發(fā)Flutter應(yīng)用程序，您需要Xcode 7.2或更高版本
- 安裝Xcode 7.2或更新版本
- 配置Xcode命令行工具以使用新安裝的Xcode版本
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
對于APP Store下載的這是正確的路徑。如果是其他途徑下載，請指定相應(yīng)路徑。 - 確保Xcode許可協(xié)議是通過打開一次Xcode或通過命令sudo xcodebuild -license同意過了.
運行到iOS模擬器
在Mac上，通過Spotlight搜索Simulator或使用以下命令找到模擬器:
$open -a Simulator
運行到iOS設(shè)備
要將您的Flutter應(yīng)用安裝到iOS真機設(shè)備，您需要一些額外的工具和一個Apple帳戶，您還需要在Xcode中進行設(shè)置。
- 安裝 homebrew （如果已經(jīng)安裝了brew,跳過此步驟）.
- 打開終端并運行這些命令來安裝用于將Flutter應(yīng)用安裝到iOS設(shè)備的工具
brew update
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup
如果這些命令中的任何一個失敗并出現(xiàn)錯誤，請運行
brew doctor或Flutter doctor
并按照說明解決問題.
- 遵循Xcode簽名流程來配置您的項目，使得flutter項目可以運行到iOS真機設(shè)備上
Android Studio下載安裝
下載并安裝 Android Studio.
啟動Android Studio，然后執(zhí)行“Android Studio安裝向?qū)А?。這將安裝最新的Android SDK，Android SDK平臺工具和Android SDK構(gòu)建工具，這是Flutter為Android開發(fā)時所必需的
Android Studio需要安裝flutter插件
第一步：安裝flutter：
-
選擇左上角 Android Studio的Preferences 搜索Flutter 點擊Install，就會下載好Flutter 和 Dart
Flutter_SDK.png -
選擇Languages & Frameworks 中的Flutter 填寫Flutter SDK path的路徑
Flutter_path.png
安裝好后重啟即可！
第二步：使用Android Studio新建flutter的helloworld
1.創(chuàng)建一個Flutter的項目 cd到需要創(chuàng)建的目錄，命令輸入
flutter create mac_app
2.安裝flutter插件重啟Android Studio后會發(fā)現(xiàn)多了一個選項如下：
3.新建flutter項目
4.完成后項目如下：
按綠色運行鍵運行
打開模擬器或iOS設(shè)備就表示Flutter可以使用了
至此flutter可以使用了，下一步學(xué)習(xí)Dart語言，學(xué)完后恭喜你就可以跨平臺開發(fā)啦啦啦~
