Flutter是一種跨端語(yǔ)言，支持同時(shí)開發(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

由于在國(guó)內(nèi)訪問(wèn)Flutter有時(shí)可能會(huì)受到限制（比如運(yùn)行flutter packages get的時(shí)候），F(xiàn)lutter官方為中國(guó)開發(fā)者搭建了臨時(shí)鏡像，所以建議直接點(diǎn)擊這個(gè)網(wǎng)址：Using Flutter in China

然后按照這個(gè)步驟，安裝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，進(jìn)行編輯并保存

open .bash_profile 

注意：假如沒(méi)有沒(méi)有bash_profile文件，需要先用touch命令創(chuàng)建，然后再open

touch .bash_profile 

刷新當(dāng)前終端窗口

source .bash_profile 

更新環(huán)境變量

將Flutter添加到PATH中，可以在任何終端會(huì)話中運(yùn)行flutter命令。

對(duì)于所有終端會(huì)話永久修改此變量的步驟是和特定計(jì)算機(jī)系統(tǒng)相關(guān)的。通常，您會(huì)在打開新窗口時(shí)將設(shè)置環(huán)境變量的命令添加到執(zhí)行的文件中。
1、打開bash_profile。文件路徑和文件名可能在你的電腦上不同.

open .bash_profile 

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

source .bash_profile 

4、驗(yàn)證“flutter/bin”是否已在PATH中：

echo $PATH 

安裝 Xcode

要為iOS開發(fā)Flutter應(yīng)用程序，您需要Xcode 9.0或更高版本:

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

使用Xcode，您可以在iOS設(shè)備或模擬器上運(yùn)行Flutter應(yīng)用程序。

安裝Android

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

安裝Android Studio

1. 下載并安裝 Android Studio，下載地址：https://developer.android.com/studio/index.html 。
2. 啟動(dòng)Android Studio，然后執(zhí)行“Android Studio安裝向?qū)А薄＿@將安裝最新的Android SDK、Android SDK平臺(tái)工具和Android SDK構(gòu)建工具，這些是用Flutter進(jìn)行Android開發(fā)所需要的。

Android Studio 配置與使用

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

需要安裝兩個(gè)插件:

Flutter插件： 支持Flutter開發(fā)工作流 (運(yùn)行、調(diào)試、熱重載等)。 Dart插件： 提供代碼分析 (輸入代碼時(shí)進(jìn)行驗(yàn)證、代碼補(bǔ)全等)。 

安裝步驟：

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

接下來(lái)，讓我們用Android Studio創(chuàng)建一個(gè)Flutter項(xiàng)目，然后運(yùn)行它，并體驗(yàn)“熱重載”。

創(chuàng)建Flutter應(yīng)用

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

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

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

運(yùn)行應(yīng)用程序

1. 定位到Android Studio工具欄：

   main-toolbar

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

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

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

image

體驗(yàn)熱重載

Flutter 可以通過(guò) 熱重載（hot reload） 實(shí)現(xiàn)快速的開發(fā)周期，熱重載就是無(wú)需重啟應(yīng)用程序就能實(shí)時(shí)加載修改后的代碼，并且不會(huì)丟失狀態(tài)。簡(jiǎn)單的對(duì)代碼進(jìn)行更改，然后告訴IDE或命令行工具你需要重新加載（點(diǎn)擊reload按鈕），你就會(huì)在你的設(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ù)運(yùn)行. 4\. 要查更改，請(qǐng)調(diào)用 **Save** (`cmd-s` / `ctrl-s`)，或者點(diǎn)擊 **熱重載按鈕** (帶有閃電??圖標(biāo)的按鈕)。

你會(huì)立即在運(yùn)行的應(yīng)用程序中看到更新的字符串。

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