以下內(nèi)容是再Mac上搭建Flutter開發(fā)環(huán)境的過程:
1-4簡介mac相關(guān)環(huán)境變量及其設(shè)置,5以后的部分為安裝及相關(guān)配置Flutter

1. 添加環(huán)境變量

Mac 一般使用bash作為默認(rèn)shell
Mac系統(tǒng)的環(huán)境變量，加載順序為：
/etc/profile
/etc/paths
~/.bash_profile
~/.bash_login
~/.profile
~/.bashrc

/etc/profile和/etc/paths是系統(tǒng)級別的谍咆，系統(tǒng)啟動就會加載吼鳞，后面幾個是當(dāng)前用戶級的環(huán)境變量遗遵。
設(shè)置PATH的語法都為：

export PATH=$PATH:<PATH 1>:<PATH 2>:<PATH 3>:------:<PATH N>

2. 全局設(shè)置

下面的幾個文件設(shè)置是全局的，修改時需要root權(quán)限
1）/etc/paths （全局建議修改這個文件 ）
編輯 paths，將環(huán)境變量添加到 paths文件中 ，一行一個路徑

2）/etc/profile （建議不修改這個文件 ）
全局（公有）配置，不管是哪個用戶辫狼，登錄時都會讀取該文件。

3）/etc/bashrc （一般在這個文件中添加系統(tǒng)級環(huán)境變量）
全局（公有）配置辛润，bash shell執(zhí)行時膨处，不管是何種方式，都會讀取此文件砂竖。

3. 單個用戶設(shè)置

1）~/.bash_profile （任意一個文件中添加用戶級環(huán)境變量）
（注：Linux 里面是 .bashrc 而 Mac 是 .bash_profile）

若bash shell是以login方式執(zhí)行時真椿，才會讀取此文件。該文件僅僅執(zhí)行一次!默認(rèn)情況下,他設(shè)置一些環(huán)境變量
置命令別名alias ll=’ls -la’
設(shè)置環(huán)境變量：

export PATH=/opt/local/bin:/opt/local/sbin:$PATH

2）~/.bashrc 同上
如果想立刻生效乎澄，則可執(zhí)行下面的語句：
$ source 相應(yīng)的文件
一般環(huán)境變量更改后突硝，重啟后生效。

4. 編輯~/.bash_profile文件,添加如下環(huán)境變量:

vi ~/.bash_profile

保存退出,并使文件生效

source ~/.bash_profile

添加環(huán)境變量.png

這里環(huán)境變量可能重啟后就會失效,最好在用戶目錄下.zshrc文件中關(guān)聯(lián)一下 .bash_profile文件,在.zshrc文件中添加:

source ~/.bash_profile

然后生效.zshrc文件:

source  ~/.zshrc

重啟機(jī)器后環(huán)境變量就有了.

5. 下載Flutter SDK

去flutter官網(wǎng)下載其最新可用的安裝包置济，轉(zhuǎn)到下載頁, 下載完成后解壓安裝包到你想安裝的目錄.

cd ~/development unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

6. 查看Flutter相關(guān)依賴是否安裝完成,執(zhí)行 flutter doctor命令:

Flutter相關(guān)依賴.png

如果有[!] ? 標(biāo)志解恰，表示本行檢測不通過，需要做一些設(shè)置或者安裝一些軟件

解決Downloaded executables cannot execute on host.問題

rm -rf ~/flutter/bin/cache flutter doctor --verbose

7. 安裝設(shè)備依賴庫

? libimobiledevice and ideviceinstaller are not installed. To install with Brew, run:
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
? ios-deploy not installed. To install:
brew install ios-deploy

其它問題照著Flutter給的提示解決就可以了.

8. Android Studio安裝Flutter插件

Android Studio安裝Flutter插件.png

9. Visual Studio Code安裝Flutter插件

VS code安裝Flutter插件.png

10. 創(chuàng)建demo

新建空項目:

flutter create project_name

查看所有設(shè)備:

flutter devices

運行項目:

flutter run