Flutter是一種跨端語言，支持同時開發iOS和Android，考慮到iOS所需的環境和Xcode，建議Flutter安裝在Mac系統下。所以以下內容主要是介紹在Mac環境下的安裝方式。

Flutter官網：https://flutter.io/docs/get-started/install

由于在國內訪問Flutter有時可能會受到限制（比如運行flutter packages get的時候），Flutter官方為中國開發者搭建了臨時鏡像，所以建議直接點擊這個網址：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文件。

關于.bash_profile

使用vim命令

vim .bash_profile 

如果不熟悉vim，可以直接打開bash_profile，進行編輯并保存

open .bash_profile 

注意：假如沒有沒有bash_profile文件，需要先用touch命令創建，然后再open

touch .bash_profile 

刷新當前終端窗口

source .bash_profile 

更新環境變量

將Flutter添加到PATH中，可以在任何終端會話中運行flutter命令。

對于所有終端會話永久修改此變量的步驟是和特定計算機系統相關的。通常，您會在打開新窗口時將設置環境變量的命令添加到執行的文件中。
1、打開bash_profile。文件路徑和文件名可能在你的電腦上不同.

open .bash_profile 

2、添加以下路徑:
export PATH=[FLUTTER_INSTALL_PATH]/flutter/bin:$PATH，其中[FLUTTER_INSTALL_PATH]是你的flutter的安裝路徑。就是你剛才clone下來的路徑。
3、使用source .bash_profile刷新當前終端窗口

source .bash_profile 

4、驗證“flutter/bin”是否已在PATH中：

echo $PATH 

安裝 Xcode

要為iOS開發Flutter應用程序，您需要Xcode 9.0或更高版本:

1. 安裝Xcode 9.0或更新版本(通過鏈接下載或蘋果應用商店).
2. 配置Xcode命令行工具以使用新安裝的Xcode版本 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 對于大多數情況，當您想要使用最新版本的Xcode時，這是正確的路徑。如果您需要使用不同的版本，請指定相應路徑。
3. 確保Xcode許可協議是通過打開一次Xcode或通過命令sudo xcodebuild -license同意過了.

使用Xcode，您可以在iOS設備或模擬器上運行Flutter應用程序。

安裝Android

Flutter依賴于Android Studio的全量安裝。Android Studio不僅可以管理Android 平臺依賴、SDK版本等，而且它也是Flutter開發推薦的IDE之一（當然，你也可以使用其它編輯器或IDE，我們將會在后面討論）。

安裝Android Studio

1. 下載并安裝 Android Studio，下載地址：https://developer.android.com/studio/index.html 。
2. 啟動Android Studio，然后執行“Android Studio安裝向導”。這將安裝最新的Android SDK、Android SDK平臺工具和Android SDK構建工具，這些是用Flutter進行Android開發所需要的。

Android Studio 配置與使用

由于Android Studio是基于IntelliJ IDEA開發的，所以讀者也可以使用IntelliJ IDEA。
安裝Flutter和Dart插件

需要安裝兩個插件:

Flutter插件： 支持Flutter開發工作流 (運行、調試、熱重載等)。 Dart插件： 提供代碼分析 (輸入代碼時進行驗證、代碼補全等)。 

安裝步驟：

啟動Android Studio。 打開插件首選項 (macOS：Preferences>Plugins, Windows：File>Settings>Plugins)。 選擇 Browse repositories…，選擇 flutter 插件并點擊 install。 重啟Android Studio后插件生效。 

接下來，讓我們用Android Studio創建一個Flutter項目，然后運行它，并體驗“熱重載”。

創建Flutter應用

1. 選擇 File>New Flutter Project 。
2. 選擇 Flutter application 作為 project 類型, 然后點擊 Next。
3. 輸入項目名稱 (如 myapp)，然后點擊 Next。
4. 點擊 Finish。
5. 等待Android Studio安裝SDK并創建項目。

上述命令創建一個Flutter項目，項目名為myapp，其中包含一個使用Material 組件的簡單演示應用程序。

在項目目錄中，您應用程序的代碼位于 lib/main.dart。

運行應用程序

1. 定位到Android Studio工具欄：

   main-toolbar

2. 在 target selector 中, 選擇一個運行該應用的Android設備。如果沒有列出可用，請選擇 Tools>Android>AVD Manager 并在那里創建一個。

3. 在工具欄中點擊 Run圖標。

4. 如果一切正常, 您應該在您的設備或模擬器上會看到啟動的應用程序：

image

體驗熱重載

Flutter 可以通過 熱重載（hot reload） 實現快速的開發周期，熱重載就是無需重啟應用程序就能實時加載修改后的代碼，并且不會丟失狀態。簡單的對代碼進行更改，然后告訴IDE或命令行工具你需要重新加載（點擊reload按鈕），你就會在你的設備或模擬器上看到更改。

1\. 打開`lib/main.dart`文件 2\. 將字符串 `'You have pushed the button this many times:'` 更改為 `'You have clicked the button this many times:'` 3\. 不要按“停止”按鈕; 讓您的應用繼續運行. 4\. 要查更改，請調用 **Save** (`cmd-s` / `ctrl-s`)，或者點擊 **熱重載按鈕** (帶有閃電??圖標的按鈕)。

你會立即在運行的應用程序中看到更新的字符串。

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.webpost.com.cn/18156.html