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或更高版本:

1. 安裝Xcode 9.0或更新版本(通過鏈接下載或蘋果應(yīng)用商店).
2. 配置Xcode命令行工具以使用新安裝的Xcode版本 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 對于大多數(shù)情況，當(dāng)您想要使用最新版本的Xcode時，這是正確的路徑。如果您需要使用不同的版本，請指定相應(yīng)路徑。
3. 確保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

1. 下載并安裝 Android Studio，下載地址：https://developer.android.com/studio/index.html 。
2. 啟動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)用

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

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

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

運行應(yīng)用程序

1. 定位到Android Studio工具欄：

   main-toolbar

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

3. 在工具欄中點擊 Run圖標(biāo)。

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

image

體驗熱重載

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)用程序中看到更新的字符串。

本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請及時與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會在5工作日內(nèi)聯(lián)系您，一經(jīng)查實，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://jstctz.cn/18156.html