flutter 作為Dart在移動端的一個跨平臺SDK，它可以在Windows，macOS，Lunux中安裝使用，隨著穩(wěn)定版本的發(fā)布和它開源的特性，越來越多的開發(fā)者開始使用，作為Google大力推廣的一個跨平臺開發(fā)工具，可以遇見它的強大和發(fā)展因此我們有必要對它進行一番探索。我用的是macOS所以這篇是介紹flutter在macOS中的安裝使用操作。

1. 系統(tǒng)最低需求

• macOS 64-bit
• 磁盤空間最低700M。（注意這里不包含IDE和相關(guān)插件工具，后續(xù)會介紹需要安裝Xcode，Android Studio，磁盤容量最好不要低于20G）
• 相關(guān)命令行工具：
  • bash
  • curl
  • git 2.x
  • mkdir
  • rm
  • unzip
  • which

2. Flutter SDK 安裝

1. 下載flutter_macos_v1.2.1-stable.zip 更多版本記錄下載請移步官方下載地址

2. 把剛才下載的壓縮包解壓并移至相關(guān)位置。(這個位置很重要，后面要用到所以不要隨便放置）例如：

   cd ~/development
   $ unzip ~/Downloads/flutter_macos_v1.2.1-stable.zip
   

3. 添加flutter 工具至PATH環(huán)境變量，終端執(zhí)行：

    export PATH="$PATH:`pwd`/flutter/bin"
   

   這種方式只能在當前終端窗口PATH有效，如果要永久有效需要采用另外一種方式：

   1. 打開或新建 $HOME/.bash_profile文件，如果你使用的是zsh,執(zhí)行vim $HOME/.zshrc

   2. 把下面這行添加至上面的文件中

      export PATH="$PATH:你放置flutter的文件目錄/flutter/bin"
      

   3. 運行source $HOME/.bash_profile 或者是source $HOME/.zshrc（具體運行請根據(jù)步驟1中過來）

   4. 檢查flutter/bin 是否在你的PATH環(huán)境變量中，運行：echo $PATH

4. 如果PATH環(huán)境變量中已經(jīng)添加了flutter/bin 終端執(zhí)行flutter doctor檢測下，如果你Xcode和Andriod Studio都已經(jīng)安裝配置好，基本沒什么問題了。會出現(xiàn)下面的提示：

   ~ ? flutter doctor                                                                                                                                                                                                                                                                                     perry@PerryiMac
   Doctor summary (to see all details, run flutter doctor -v):
   [?] Flutter (Channel beta, v0.7.3, on Mac OS X 10.14 18A391, locale zh-Hans-CN)
   [?] Android toolchain - develop for Android devices (Android SDK 28.0.2)
   [?] iOS toolchain - develop for iOS devices (Xcode 10.1)
   [?] Android Studio (version 3.3)
   [?] Connected devices (1 available)
   
   ? No issues found!
   

   如果有問題請按照提示進行跟新，安裝。

Xcode 和Android Studio 設(shè)置

Xcode

1. Xcode去Mac App Store下載最新版的就可以了。

2. 下載完成后配置Xcode 命令行工具。終端運行：

   sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
   

3. 同意相關(guān)許可聲明：終端運行 sudo xcodebuild -license

4. 設(shè)置iOS模擬器，終端運行：open -a Simulator打開模擬器后，在Hardware->Device 選擇相關(guān)型號模擬器為64-bit，iPhone5+。

5. 如果要在真機上運行測試，需要額外安裝一些工具

   1. 安裝home brew 終端運行：終端運行/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

   2. 依次運行，(網(wǎng)速快還好，網(wǎng)速慢久耐心等待吧..)

      brew update
      brew install --HEAD usbmuxd
      $ brew link usbmuxd
      $ brew install --HEAD libimobiledevice
      $ brew install ideviceinstaller ios-deploy cocoapods
      $ pod setup
      

Andriod Studio

1. 下載Android Studio 官方下載地址 (注意官方下載地址需要翻墻)
2. 下載完成后，根據(jù)向?qū)О惭b最新的Android SDK、Android SDK Platform-Tools,和Android SDK Build-Tools。
3. 添加模擬器。

創(chuàng)建運行Flutter APP

1. 終端輸入flutter create my_app

2. 創(chuàng)建好后，終端進入my_app文件夾。

3. 打開iOS或Android模擬器，在終端運行flutter run

運行結(jié)果：

Untitled.gif

編輯器

Flutter使用Dart進行編碼編輯器官方推薦的有三種,Android Studio, IntelliJ, VS Code,這里介紹Android Studio

• 安裝Flutter和Dart plugins
  • 啟動Andriod studio
  • 選擇Andriod studio-> Preferences > Plugins
  • 在新窗口中選擇Browse repositories

  • 選擇Flutter plugin點擊安裝

    
    
    屏幕快照 2019-02-27 下午5.08.55.png