筆記-Flutter開發環境搭建Mac版

佐籩發表於2019-01-03

雖然網上有很多關於Flutter開發環境配置的，但是感覺在安裝過程，總是會遇到一些別人遇不到的問題，這裡做個簡單的總結

系統環境要求

MacOS （64-bit）
磁碟空間：大於3G
命令號工具：bash、mkdir、rm、git、curl、unzip、which、brew 這些命令在都可以使用

在配置環境前，可能會遇到一些坑，我自己兩個電腦，再加上工作電腦，所以一共配置了3次環境，遇到了各種各樣的坑，這裡先說下配置前遇到的坑。

ls vi 等命令 command not found
原因是因為環境變數的問題，編輯profile檔案沒有寫正確，導致在命令列下 ls等命令不能夠識別。解決辦法：在命令列下打入下面這段就可以了 export PATH=/usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin:/root/bin

brew命令的坑，很多mac系統都沒有安裝這個
學習安裝brew：segmentfault.com/a/119000001…

使用oh-my-zsh 安裝配置終端
當然這裡只是一個建議，後面用到一些命令，單詞較長，配置完成後，有利於我們更加快速的完成配置，而且終端的使用也會變得極其方便，喜歡嘗試的朋友們可以去配置一下oh-my-zsh配置

下載Flutter SDK包

直接去官網下載，建議掛梯子

進去後直接點選下載就好了

配置環境變數

下載好以後，把下載的資料夾放進一個目錄下，這個目錄要記住，後面配置環境變數時，要用到。
比如：/Users/使用者名稱/Desktop/Flutter/flutter，這裡的Flutter就是我新建的資料夾，下載的檔案flutter我就是放在該目錄下

開啟終端，進入到上面所說的目錄，使用vim進行配置環境變數，命令如下

vim ~/.bash_profile

在開啟的檔案裡增加一行程式碼，意思是配置flutter命令在任何地方都可以使用。

export PATH=/Users/使用者名稱/Desktop/Flutter/flutter/bin:$PATH

這裡的是根據你放置下載檔案的路徑來寫的，所以自己要清楚路徑才行。如果不能使用梯子的還需要在環境變數裡配置一下Pub源，不然無法使用，可以直接接著下面增加兩行配置

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

配置完成後，需要使用source命令重新載入一下，具體如下：

source ~/.bash_profile

進行到這步，就算flutter安裝工作完成了，但是還是不能進行開發。可以使用命令來檢測一下，是否安裝成功了。

flutter -h

出現下面結果，說明到目前為止是一切順利的。

這裡我們可能會遇到一個問題，就是提示zsh: command not found: flutter
這說明我們上面配置flutter命令沒有成功，檢測一下路徑是否有問題，可以cd到/Users/使用者名稱/Desktop/Flutter/flutter目錄下，使用flutter -h，檢視執行結果，如果失敗，就檢測一下路徑。

如果上面路徑下提示成功，在其他路徑下提示不成功，那麼進行下面命令：

vim ~/.zshrc

在開啟的檔案裡最下面增加一行程式碼，就是配置的路徑

export PATH=/Users/使用者名稱/Desktop/Flutter/flutter/bin:$PATH

儲存退出後，再使用source命令重新載入一下：

source ~/.zshrc

到這裡，應該可是在任何路徑下使用flutter命令了。

檢查開發環境

到上面為止，我們只是安裝好了Flutter，但是還不具備開發環境，使用Flutter命令進行檢查：

flutter doctor jspang.com/static/uplo…

仔細看上面的說明，我們需要一條一條的安裝，知道滿足開發環境。這裡可以先直接下載Xcode，Android Studio，VSCode這三個軟體。
Xcode直接在App Store裡下載
Android Studio下載地址：www.android-studio.org
VSCode下載可直接百度，網上有很多連結提供。（這裡不是必須的，可下載可不下載，配置環境的時候不要求，開發時可用，畢竟輕量級）

下載Android Studio的時候，記得搭上梯子，不然可能。。。（你懂得?）

如果Android Studio有安裝的，那麼第一步要做的就是允許協議（android-licenses），終端輸入以下命令：