Flutter系列之在 macOS 上安裝和配置 Flutter 開發環境

本文爲Flutter開發環境在macOS下安裝全過程:

一、系統配置要求

想要安裝並運行 Flutter,你的開發環境需要最低滿足以下要求:

操作系統:macOS(64位)

磁盤空間:700 MB(不包含 IDE 或其餘工具所需要的磁盤空間)

命令工具:Flutter 需要你的開發環境中已經配置了以下命令行工具。

bash

curl

git 2.x

mkdir

rm

unzip

which

以上命令行工具除git外其餘均爲系統自帶命令行工具,一般情況下無需用戶安裝,查看是否安裝命令如下:

base --version

curl --version

git --version

mkdir --version

rm --version

unzip --version

which --version

二、平臺配置

1、安裝Android Studio

Android Studio 是基於 IntelliJ IDEA的、Google官方的Andriod應用集成開發環境(IDE)。

我們在官網上找到最新版,下載後啓動安裝文件,剩下的就按照系統提示進行SDK的安裝和配置工作了。

配置完成後,我們打開AVD Manager,點擊“Create Virtual Device”按鈕創建一臺模擬器,至此Android Studio的安裝配置工作就完成了。

2、安裝Xcode

Xcode是蘋果公司官方的IOS和macOS應用集成開發環境(IDE)。它的安裝方式非常簡單,直接在macOS系統的App Store搜索Xcode,然後安裝即可。

安裝完成後,我們會在Lunchpad看到Xcode圖標,打開它,按照提示接受Xcode許可協議,以及安裝配置組件就可以了。

配置完成後,在Terminal中輸入以下命令即可打開IOS模擬器

$ open -a Simulator

至此,Xcode的安裝配置工作就完成了。

三、獲取Flutter SDK

1.下載以下安裝包來獲取最新的 stable Flutter SDK:

下載鏈接:https://storage.flutter-io.cn...

想要獲取到其他版本的安裝包,可以查看 SDK 歸檔 頁面。

將文件解壓到目標路徑, 比如:

$ cd ~/development
$ unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip

3.配置 flutter 的 PATH 環境變量: 以下配置環境變量讓其永久生效的方法在不同的機器上有略微的差別。基本上方法都是在某一個文件中增加一句命令,讓它在每次新的命令行窗口打開時都執行一遍。比如:

首先決定你想要將 Flutter SDK 放置在哪一個目錄內,獲取並記錄這個目錄的路徑,你將要在第 3 步中用到它。

打開(或者創建)$HOME/.bash_profile,這裏的路徑和文件名在你的機器上可能會有所不同。

2.1、執行$HOME/.bash_profile可能會提示不存在.bash_prefile文件,解決方法:

2.1.1 、創建.bash_profile

$ touch .bash_profile

2.1.2、編輯.bash_profile文件

$ open -e .bash_profile

在文件中增加下列這行命令,並將其中的 [PATH_TO_FLUTTER_GIT_DIRECTORY] 更改爲你第一步獲取到的路徑:

$ export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"

運行

$ source $HOME/.bash_profile

使修改後的配置生效。

通過運行以下命令來驗證 flutter/bin 文件夾是否已經添加到 PATH 環境變量中:

$ echo $PATH

2.1 運行 flutter doctor 命令

通過運行以下命令來查看當前環境是否需要安裝其他的依賴(如果想查看更詳細的輸出,增加一個 -v 參數即可):

$ flutter doctor

這個命令會檢查你當前的配置環境,並在命令行窗口中生成一份報告。安裝 Flutter 會附帶安裝 Dart SDK,所以不需要再對 Dart 進行單獨安裝。你需要仔細閱讀上述命令生成的報告,看看別漏了一些需要安裝的依賴,或者需要之後執行的命令(這個會以 加粗的文本 顯示出來)。

比如你可能會看到下面這樣的輸出:

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.5.4-hotfix.2, on Mac OS X 10.14.6 18G84, locale
    zh-Hans-CN)
 
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.1)
[!] iOS toolchain - develop for iOS devices (Xcode 10.3)
    ✗ ideviceinstaller is not installed; this is used to discover connected iOS
      devices.
      To install with Brew, run:
        brew install --HEAD usbmuxd
        brew link usbmuxd
        brew install --HEAD libimobiledevice
        brew install ideviceinstaller
    ✗ ios-deploy not installed. To install:
        brew install ios-deploy
    ✗ CocoaPods not installed.
        CocoaPods is used to retrieve the iOS platform side's plugin code that
        responds to your plugin usage on the Dart side.
        Without resolving iOS dependencies with CocoaPods, plugins will not work
        on iOS.
        For more info, see https://flutter.dev/platform-plugins
      To install:
        brew install cocoapods
        pod setup
[!] Android Studio (version 3.4)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[✓] Connected device (1 available)

! Doctor found issues in 2 categories.

之後的部分會向你描述如果執行這些命令來完成整體的配置過程。

當你安裝了任一缺失部分的依賴後,可以再次運行 flutter doctor 命令來確認是否成功安裝。

執行brew install --HEAD後提示brew command not found

$ brew install --HEAD usbmuxd
$ -bash: brew: command not found

解決方案:

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

執行brew --version 查看是否安裝成功

至此,在 macOS 上安裝和配置 Flutter 開發環境完成。

已同步更新至微信公衆號,歡迎關注

clipboard.png

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章