Flutter是一種跨端語言，支持同時開發(fā)iOS和Android堪侯，考慮到iOS所需的環(huán)境和Xcode，建議Flutter安裝在Mac系統(tǒng)下。所以以下內(nèi)容主要是介紹在Mac環(huán)境下的安裝方式竹握。
Flutter官網(wǎng)：https://flutter.io/docs/get-started/install
由于在國內(nèi)訪問Flutter有時可能會受到限制（比如運行flutter packages get的時候），F(xiàn)lutter官方為中國開發(fā)者搭建了臨時鏡像辆飘，所以建議直接點擊這個網(wǎng)址：Using Flutter in China
然后按照這個步驟啦辐，安裝Flutter
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
git clone -b dev https://github.com/flutter/flutter.git
export PATH="$PWD/flutter/bin:$PATH"
cd ./flutter
flutter doctor
注意：export需要打開或者使用vim命令編輯.bash_profile文件。
關(guān)于.bash_profile
使用vim命令
vim .bash_profile
如果不熟悉vim蜈项，可以直接打開bash_profile芹关，進行編輯并保存
open .bash_profile
注意：假如沒有沒有bash_profile文件，需要先用touch命令創(chuàng)建紧卒，然后再open
touch .bash_profile
刷新當(dāng)前終端窗口
source .bash_profile
更新環(huán)境變量
將Flutter添加到PATH中侥衬，可以在任何終端會話中運行flutter命令。
對于所有終端會話永久修改此變量的步驟是和特定計算機系統(tǒng)相關(guān)的。通常轴总，您會在打開新窗口時將設(shè)置環(huán)境變量的命令添加到執(zhí)行的文件中直颅。
1、打開bash_profile怀樟。文件路徑和文件名可能在你的電腦上不同.
open .bash_profile
2功偿、添加以下路徑:
export PATH=[FLUTTER_INSTALL_PATH]/flutter/bin:$PATH，其中[FLUTTER_INSTALL_PATH]是你的flutter的安裝路徑往堡。就是你剛才clone下來的路徑械荷。
3、使用source .bash_profile刷新當(dāng)前終端窗口
source .bash_profile
4虑灰、驗證“flutter/bin”是否已在PATH中：
echo $PATH
安裝 Xcode
要為iOS開發(fā)Flutter應(yīng)用程序吨瞎，您需要Xcode 9.0或更高版本:
- 安裝Xcode 9.0或更新版本(通過鏈接下載或蘋果應(yīng)用商店).
- 配置Xcode命令行工具以使用新安裝的Xcode版本
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer對于大多數(shù)情況，當(dāng)您想要使用最新版本的Xcode時穆咐，這是正確的路徑颤诀。如果您需要使用不同的版本，請指定相應(yīng)路徑对湃。 - 確保Xcode許可協(xié)議是通過打開一次Xcode或通過命令
sudo xcodebuild -license同意過了.
使用Xcode着绊，您可以在iOS設(shè)備或模擬器上運行Flutter應(yīng)用程序。
安裝Android
Flutter依賴于Android Studio的全量安裝熟尉。Android Studio不僅可以管理Android 平臺依賴归露、SDK版本等，而且它也是Flutter開發(fā)推薦的IDE之一（當(dāng)然斤儿，你也可以使用其它編輯器或IDE剧包，我們將會在后面討論）。
安裝Android Studio
- 下載并安裝 Android Studio往果，下載地址：https://developer.android.com/studio/index.html 疆液。
- 啟動Android Studio，然后執(zhí)行“Android Studio安裝向?qū)А鄙轮＿@將安裝最新的Android SDK堕油、Android SDK平臺工具和Android SDK構(gòu)建工具，這些是用Flutter進行Android開發(fā)所需要的肮之。
Android Studio 配置與使用
由于Android Studio是基于IntelliJ IDEA開發(fā)的掉缺，所以讀者也可以使用IntelliJ IDEA。
安裝Flutter和Dart插件
需要安裝兩個插件:
Flutter插件： 支持Flutter開發(fā)工作流 (運行戈擒、調(diào)試眶明、熱重載等)。
Dart插件： 提供代碼分析 (輸入代碼時進行驗證筐高、代碼補全等)搜囱。
安裝步驟：
啟動Android Studio丑瞧。
打開插件首選項 (macOS：Preferences>Plugins, Windows：File>Settings>Plugins)。
選擇 Browse repositories…蜀肘，選擇 flutter 插件并點擊 install绊汹。
重啟Android Studio后插件生效。
接下來扮宠，讓我們用Android Studio創(chuàng)建一個Flutter項目西乖，然后運行它，并體驗“熱重載”涵卵。
創(chuàng)建Flutter應(yīng)用
- 選擇 File>New Flutter Project 。
- 選擇 Flutter application 作為 project 類型, 然后點擊 Next荒叼。
- 輸入項目名稱 (如
myapp)轿偎，然后點擊 Next。 - 點擊 Finish被廓。
- 等待Android Studio安裝SDK并創(chuàng)建項目坏晦。
上述命令創(chuàng)建一個Flutter項目，項目名為myapp嫁乘，其中包含一個使用Material 組件的簡單演示應(yīng)用程序昆婿。
在項目目錄中，您應(yīng)用程序的代碼位于 lib/main.dart蜓斧。
運行應(yīng)用程序
-
定位到Android Studio工具欄：
main-toolbar 在 target selector 中, 選擇一個運行該應(yīng)用的Android設(shè)備仓蛆。如果沒有列出可用，請選擇 Tools>Android>AVD Manager 并在那里創(chuàng)建一個挎春。
在工具欄中點擊 Run圖標(biāo)看疙。
如果一切正常, 您應(yīng)該在您的設(shè)備或模擬器上會看到啟動的應(yīng)用程序：
體驗熱重載
Flutter 可以通過 熱重載（hot reload） 實現(xiàn)快速的開發(fā)周期，熱重載就是無需重啟應(yīng)用程序就能實時加載修改后的代碼直奋，并且不會丟失狀態(tài)能庆。簡單的對代碼進行更改，然后告訴IDE或命令行工具你需要重新加載（點擊reload按鈕）脚线，你就會在你的設(shè)備或模擬器上看到更改搁胆。
1\. 打開`lib/main.dart`文件
2\. 將字符串
`'You have pushed the button this many times:'` 更改為
`'You have clicked the button this many times:'`
3\. 不要按“停止”按鈕; 讓您的應(yīng)用繼續(xù)運行.
4\. 要查更改，請調(diào)用 **Save** (`cmd-s` / `ctrl-s`)邮绿，或者點擊 **熱重載按鈕** (帶有閃電??圖標(biāo)的按鈕)渠旁。
你會立即在運行的應(yīng)用程序中看到更新的字符串。
