Mac下安裝Flutter，並建立第一個App

相關軟件安裝

JDK安裝

• 下載

前往下載頁面下載安裝包：http://www.oracle.com/technet...

下載8.x的版本，8以上的會出問題

• 安裝

雙擊安裝包，一路下一步至完成

• 配置

找到jdk安裝路徑，一版狀況爲：/Library/Java/JavaVirtualMachines/jdk-8.jdk/Contents/Home

也能夠打開訪達，選擇菜單【前往】-【電腦】，隨後進入路徑【Macintosh HD】-【資源庫】中看是否存在Java文件夾，而後找尋安裝路徑;

檢查用戶文件夾下是否存在.bash_profile文件，不存在則建立;

將以下代碼添加到.bash_profile文件中

JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk-10.0.1.jdk/Contents/Home
PATH=$JAVA_HOME/bin:$PATH:.
CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
export JAVA_HOME
export PATH
export CLASSPATH

在終端輸入以下命令是配置生效

source ~/.bash_profile

輸入以下命令檢測是否配置成功，若是成功將輸出配置的路徑

echo $JAVA_HOME

Android Studio安裝

• 下載

前往下載頁面下載安裝包：https://developer.android.com...
或者直接點擊下載Android Studio v3.1.3
請在官網下載，避免出現XcodeGhost相似問題

• 安裝

雙擊安裝包，將應用拖拽到【應用程序】中，完成安裝。

• 配置

安裝完成後打開Android Studio應用;
第一次打開會詢問是否導入設置，按照需求選擇，我是第一使用，我選擇第二項;

第一次使用會彈出沒法訪問Android SDK，暫時點Cancel；

隨後界面一路藍色按鈕點擊便可。

最後一步是下載相關資源，下載結束後便可進入Android Studio了。

在.bash_profile中放入下列代碼

export ANDROID_HOME=/Users/mingyu/Library/Android/sdk
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

還要安裝插件，打開Android Studio，在【首頁】-【Configure】-【Plugins】中全部插件Flutter和Dart進行安裝；

Xcode安裝

直接在App Store中搜索Xcode進行安裝

VSCode安裝

開發IDE，直接去官網下載，下載安裝後，須要安裝兩個擴展：Dart和Flutter，直接在擴展中搜索安裝便可。

Brew安裝

包管理工具，flutter必須的一些包須要用它來安裝；

前往官方網站，按照上面最新的提示進行安裝；
安裝好後，能夠選擇使用國內鏡像，打開終端，執行下列命令：

# 參考文檔：https://mirror.tuna.tsinghua.edu.cn/help/homebrew/

cd /usr/local/Homebrew

git remote set-url origin https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/brew.git

cd /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core

git remote set-url origin https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/homebrew-core.git

brew update
# update 時間較長，耐心等待

Flutter安裝

• 下載

執行下列命令下載最新的flutter代碼（系統請先安裝Git）

git clone -b beta https://github.com/flutter/flutter.git

• 安裝&配置

在用戶文件夾下找到.bash_profile文件，若是沒有就建立一個;

在文件中加入以下代碼：

export PUB_HOSTED_URL=https://pub.flutter-io.cn # 國內用戶須要設置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn # 國內用戶須要設置
export PATH={Fluter代碼存放目錄}/bin:$PATH

添加保存後，執行下列命令刷新終端：

source $HOME/.bash_profile

運行下列命令檢查flutter是否已經安裝成功：

flutter -v

第一次運行會安裝一些東西，而後顯示歡迎提示，告知已經安裝成功；

接下來須要運行下列命令檢查flutter的依賴項：

flutter doctor

運行該命令後，flutter會提示你那些東西是必需要的，須要執行什麼命令進行安裝，按照提示安裝便可；

其中必要的一項，請創一個虛擬Android虛擬設備，並保持開機狀態。

第一個Flutter App

打開VSCode，按F1(有touchbar的機子按住fn可見F1)呼出命令輸入框；

輸入字符Flutter，在命令候選列表中選擇Flutter: New Project，新建一個Flutter項目，隨後讓你填寫項目名稱和選擇項目存放路徑；

項目建立好後，在VSCode右下角選擇調試環境目標:

按F5運行項目；

這裏我遇到了報錯有關於gradle的，解決方案是刪除用戶文件夾下的.gradle文件夾，而後使用brew從新安裝gradle；
gradle安裝參考：https://gradle.org/

不報錯的狀況下，VSCode會下載一些必要資源，而後在目標設備（右下角選擇的）上運行app；

至此，Flutter安裝完畢，正常運行！接下來就是Flutter開發之旅了~~