Flutter最近挺火的扶叉，項目也正在測試中氮趋，有點空閑時間婿屹，正好學(xué)習(xí)一下积锅，順便抽點時間來寫寫簡書??...

Flutter 下載和配置環(huán)境

1. 下載Flutter
   $git clone -b master https://github.com/flutter/flutter.git
2. Flutter SDK依賴包下載
   $./flutter/bin/flutter --version
3. 上一步已自動添加臨時鏡像和路徑，如果沒有添加成功則輸入命令
   $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

1. 運行以下命令查看是否需要安裝其它依賴項來完成安裝：
   $flutter doctor
   

   flutter_doctor.png

2. 根據(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或更高版本

1. 安裝Xcode 7.2或更新版本
2. 配置Xcode命令行工具以使用新安裝的Xcode版本
   sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
   對于APP Store下載的這是正確的路徑衩婚。如果是其他途徑下載窜护，請指定相應(yīng)路徑。
3. 確保Xcode許可協(xié)議是通過打開一次Xcode或通過命令sudo xcodebuild -license同意過了.

運行到iOS模擬器

在Mac上非春，通過Spotlight搜索Simulator或使用以下命令找到模擬器:
$open -a Simulator

運行到iOS設(shè)備

要將您的Flutter應(yīng)用安裝到iOS真機設(shè)備柄慰，您需要一些額外的工具和一個Apple帳戶，您還需要在Xcode中進行設(shè)置税娜。

1. 安裝 homebrew （如果已經(jīng)安裝了brew,跳過此步驟）.
2. 打開終端并運行這些命令來安裝用于將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
并按照說明解決問題.

3. 遵循Xcode簽名流程來配置您的項目藏研，使得flutter項目可以運行到iOS真機設(shè)備上

Android Studio下載安裝

1. 下載并安裝 Android Studio.

2. 啟動Android Studio敬矩，然后執(zhí)行“Android Studio安裝向?qū)А薄＿@將安裝最新的Android SDK蠢挡，Android SDK平臺工具和Android SDK構(gòu)建工具弧岳，這是Flutter為Android開發(fā)時所必需的

Android Studio需要安裝flutter插件

第一步：安裝flutter：

1. 選擇左上角 Android Studio的Preferences 搜索Flutter 點擊Install，就會下載好Flutter 和 Dart

   
   
   Flutter_SDK.png

2. 選擇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)多了一個選項如下：

Flutter_Creat.png

3.新建flutter項目

Flutter_creat_next.png

4.完成后項目如下：

finish.png

按綠色運行鍵運行

finish_simulator.png