相關(guān)軟件安裝
JDK安裝
-
下載
前往下載頁面下載安裝包:http://www.oracle.com/technetwork/java/javase/downloads/index.html
下載8.x的版本,8以上的會(huì)出問題
-
安裝
雙擊安裝包哼勇,一路下一步至完成
-
配置
找到j(luò)dk安裝路徑都伪,一版情況為:/Library/Java/JavaVirtualMachines/jdk-8.jdk/Contents/Home
也可以打開訪達(dá),選擇菜單【前往】-【電腦】积担,隨后進(jìn)入路徑【Macintosh HD】-【資源庫】中看是否存在Java文件夾陨晶,然后找尋安裝路徑;
檢查用戶文件夾下是否存在.bash_profile文件帝璧,不存在則創(chuàng)建;
將如下代碼添加到.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
輸入如下命令檢測(cè)是否配置成功先誉,如果成功將輸出配置的路徑
echo $JAVA_HOME
Android Studio安裝
-
下載
前往下載頁面下載安裝包:https://developer.android.com/studio/
或者直接點(diǎn)擊下載Android Studio v3.1.3
請(qǐng)?jiān)诠倬W(wǎng)下載,避免出現(xiàn)XcodeGhost類似問題
-
安裝
雙擊安裝包的烁,將應(yīng)用拖拽到【應(yīng)用程序】中褐耳,完成安裝。
-
配置
安裝完成后打開Android Studio應(yīng)用;
第一次打開會(huì)詢問是否導(dǎo)入設(shè)置渴庆,按照需求選擇铃芦,我是第一使用雅镊,我選擇第二項(xiàng);
第一次使用會(huì)彈出無法訪問Android SDK,暫時(shí)點(diǎn)Cancel刃滓;
隨后界面一路藍(lán)色按鈕點(diǎn)擊即可仁烹。
最后一步是下載相關(guān)資源,下載結(jié)束后即可進(jìn)入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進(jìn)行安裝砰诵;
Xcode安裝
直接在App Store中搜索Xcode進(jìn)行安裝
VSCode安裝
開發(fā)IDE征唬,直接去官網(wǎng)下載,下載安裝后茁彭,需要安裝兩個(gè)擴(kuò)展:Dart和Flutter总寒,直接在擴(kuò)展中搜索安裝即可。
Brew安裝
包管理工具理肺,flutter必須的一些包需要用它來安裝偿乖;
前往官方網(wǎng)站,按照上面最新的提示進(jìn)行安裝哲嘲;
安裝好后贪薪,可以選擇使用國內(nèi)鏡像,打開終端眠副,執(zhí)行下列命令:
# 參考文檔: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 時(shí)間較長画切,耐心等待
Flutter安裝
-
下載
執(zhí)行下列命令下載最新的flutter代碼(系統(tǒng)請(qǐng)先安裝Git)
git clone -b beta https://github.com/flutter/flutter.git
-
安裝&配置
在用戶文件夾下找到.bash_profile文件,如果沒有就創(chuàng)建一個(gè);
在文件中加入如下代碼:
export PUB_HOSTED_URL=https://pub.flutter-io.cn # 國內(nèi)用戶需要設(shè)置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn # 國內(nèi)用戶需要設(shè)置
export PATH={Fluter代碼存放目錄}/bin:$PATH
添加保存后囱怕,執(zhí)行下列命令刷新終端:
source $HOME/.bash_profile
運(yùn)行下列命令檢查flutter是否已經(jīng)安裝成功:
flutter -v
第一次運(yùn)行會(huì)安裝一些東西霍弹,然后顯示歡迎提示,告知已經(jīng)安裝成功娃弓;
接下來需要運(yùn)行下列命令檢查flutter的依賴項(xiàng):
flutter doctor
運(yùn)行該命令后典格,flutter會(huì)提示你那些東西是必須要的,需要執(zhí)行什么命令進(jìn)行安裝台丛,按照提示安裝即可耍缴;
其中必要的一項(xiàng),請(qǐng)創(chuàng)一個(gè)虛擬Android虛擬設(shè)備挽霉,并保持開機(jī)狀態(tài)防嗡。
第一個(gè)Flutter App
打開VSCode,按F1(有touchbar的機(jī)子按住fn可見F1)呼出命令輸入框侠坎;
輸入字符Flutter蚁趁,在命令候選列表中選擇Flutter: New Project
,新建一個(gè)Flutter項(xiàng)目实胸,隨后讓你填寫項(xiàng)目名稱和選擇項(xiàng)目存放路徑他嫡;
項(xiàng)目創(chuàng)建好后番官,在VSCode右下角選擇調(diào)試環(huán)境目標(biāo):
按F5運(yùn)行項(xiàng)目;
這里我遇到了報(bào)錯(cuò)有關(guān)于gradle的钢属,解決方案是刪除用戶文件夾下的.gradle文件夾鲤拿,然后使用brew重新安裝gradle;
gradle安裝參考:https://gradle.org/
不報(bào)錯(cuò)的情況下署咽,VSCode會(huì)下載一些必要資源,然后在目標(biāo)設(shè)備(右下角選擇的)上運(yùn)行app生音;
至此宁否,F(xiàn)lutter安裝完畢,正常運(yùn)行缀遍!接下來就是Flutter開發(fā)之旅了~~