由于Flutter會同時構建Android和IOS兩個平臺的發布包，所以Flutter同時依賴Android SDK和iOS SDK，在安裝Flutter時也需要安裝響應平臺的構建工具和
SDK。

1、獲取Flutter SDK

去Flutter官網下載其最新可用的安裝包，官網地址：https://flutter.io/sdk-archive/#macos

官網下載SDK.png

下載之后解壓，存放到一個目錄之下，我存放的目錄是/Users/xietao/Documents

2、使用鏡像和配置環境變量

由于在國內訪問Flutter有時可能會受到限制，Flutter官方為中國開發者搭建了臨時鏡像，大家可以將如下環境變量加入到用戶環境變量中：

使用命令：vi ~/.bash_profile

export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn export PATH=/Users/xietao/Documents/flutter/bin:$PATH 

最后一個環境變量是flutter sdk的目錄

然后保存:wq退出vi環境

運行 source $HOME/.bash_profile 刷新當前終端窗口。這時候新增加的環境變量就生效了

可以使用echo $PATH來驗證flutter/bin是否已在PATH中。

3、運行flutter doctor來查看是否還需要安裝其它依賴

運行后會發現缺少一些其他依賴，就按照提示一個個安裝好就行

運行doctor檢查.png

安裝好之后如下顯示就可以了，我這里沒有管IntelliJ IDEA

安裝依賴完成.png

4、更新flutter

查看Flutter各個分支，使用命令Flutter channel

圖片.png

帶*號的分支即你本地的Flutter SDK 跟蹤的分支，要切換分支，可以使用flutter channel beta 或 flutter channel master，Flutter官方建議跟蹤穩定分支，但你也可以跟蹤master分支，這樣可以查看最新的變化，但這樣穩定性要低的多。

要升級flutter sdk，只需一句命令：flutter upgrade

該命令會同時更新Flutter SDK和你的flutter項目依賴包。如果你只想更新項目依賴包（不包括Flutter SDK），可以使用如下命令：

flutter packages get 獲取項目所有的依賴包。 flutter packages upgrade 獲取項目所有依賴包 

的最新版本。

5、IDE配置與使用

理論上可以使用任何文本編輯器與命令行工具來構建Flutter應用程序，比如上邊沒有配置的IntelliJ IDEA也可以。 不過，Flutter官方建議使用Android Studio和VS Code之一以獲得更好的開發體驗。Flutter官方提供了這兩款編輯器插件，通過IDE和插件可獲得代碼補全、語法高亮、widget編輯輔助、運行和調試支持等功能，可以幫助我們極大的提高開發效率。下邊介紹一下Android Studio的配置

安裝兩個插件：Dart和Flutter

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

安裝步驟：

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

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

6、創建Flutter項目

安裝好插件之后，重啟Android Studio在面板上就會多了一個創建Flutter的選項，點擊創建一個Flutter項目

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

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

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

創建Flutter項目.png 創建應用.png

一步一步進行

創建應用2.png 代碼部分.png

iPhone上運行效果

iPhone上效果.png

Android上運行效果

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