有關(guān)Flutter的介紹我這里就不多說(shuō)了,可以去Futter中文網(wǎng)去了解呛讲。
Flutter開(kāi)發(fā)個(gè)人建議選擇使用Android Studio 作為開(kāi)發(fā)Flutter的工具,處于對(duì)Google兼容性的考慮(其它也可以用VSCode)喜德。
接下來(lái)直入主題
安裝Flutter
可以直接參考官網(wǎng)逛绵,步驟差不多
更新HomeBrew
Mac下默認(rèn)帶HomeBrew
工具包欧引,不過(guò)我們最好在安裝flutter
前去更新一下它频伤。
$ brew update
下載Flutter的SDK
-
首先進(jìn)入官網(wǎng),然后點(diǎn)擊下方所示按鈕
官網(wǎng)下載 -
接著按步驟選擇對(duì)應(yīng)系統(tǒng)安裝
選擇安裝 選擇最新版本壓縮包下載
-
解壓SDK壓縮包
這里需要配置安裝路徑
注:Flutter因?yàn)榘吮姸嗝钚泄ぞ咧ゴ耍虼宋覀冃枰渲孟颅h(huán)境變量憋肖,這里建議把Flutter安裝到你平時(shí)放命令行工具程序的地方(個(gè)人習(xí)慣,僅供參考)
配置環(huán)境變量
- 配置鏡像
因?yàn)镕lutter運(yùn)行時(shí)會(huì)去官方自動(dòng)下載所需資源癌蓖,此時(shí)沒(méi)'fq'的話會(huì)比較慢瞬哼,官方文檔里包含友情提示,告訴中國(guó)的使用者安裝配置鏡像服務(wù)器
首先找到Shell
的配置文件租副,對(duì)應(yīng)目錄如下:
- 如果使用的是默認(rèn)的bash:
~/.bash_profile
- 如果使用的是zsh:
~/.zshrc
#Flutter 鏡像配置
$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
-
配置Flutter環(huán)境變量
還是在Shell
的配置文件中
#Flutter 配置
$ export FLUTTER=/opt/flutter/bin
$ export PATH=$FLUTTER:$PATH
配置完成后載入配置
# 配置文件的路徑
$ source ~/.bash_profile
最后檢測(cè)Flutter是否配置完成
$ flutter doctor
這里有問(wèn)題的話終端也會(huì)明確的指出坐慰,并給你相應(yīng)提示
配置安卓環(huán)境
去官網(wǎng)安裝Android Studio
然后繼續(xù)flutter_doctor
檢測(cè)并按照提示修改解決問(wèn)題
-
配置安卓環(huán)境變量
Shell配置文件中
#安卓
export ANDROID_HOME=~/Library/Android/sdk
#安卓模擬器路徑
export PATH=${PATH}:${ANDROID_HOME}/emulator
#安卓tools路徑
export PATH=${PATH}:${ANDROID_HOME}/tools
#安卓 平臺(tái)工具
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
-
安裝Android Studio的插件
在偏好設(shè)置里面
插件安裝
彈出安裝Dart插件的界面,也要點(diǎn)擊Yes進(jìn)行安裝
安裝完成后重啟Android Studio
可以看到多出了這么一條
最后再進(jìn)行 $ flutter doctor 檢測(cè)
基本就不會(huì)有問(wèn)題了
- 配置安卓的模擬器
打開(kāi)AndroidStudio
在工具欄上的模擬器管理
點(diǎn)開(kāi)后選擇創(chuàng)建設(shè)備
選擇設(shè)備
選擇系統(tǒng)
模擬器名字盡量簡(jiǎn)單用僧,因?yàn)楹笃诳赡軙?huì)用命令啟動(dòng)模擬器
-
配置虛擬機(jī)加速
首先進(jìn)入SDK Manager
來(lái)到目錄下
$ ~/Library/Android/sdk/extras/intel/Hardware_Accelerated_Execution_Manager/
查看進(jìn)程
$ kextstat | grep intel
配置iOS環(huán)境
需要匹配Xcode版本(當(dāng)前1.7.8需要xcode10)
檢測(cè)flutter doctor
安裝報(bào)錯(cuò)
可以去github的issues里面找答案
解決問(wèn)題
$ brew link pkg-config
$ brew install --HEAD usbmuxd
$ brew unlink usbmuxd
$ brew link usbmuxd
$ brew install --HEAD libimobiledevice
$ brew install ideviceinstaller
最后再flutter doctor
檢測(cè)一下结胀,沒(méi)問(wèn)題了就配置完成!