開始前分享一個(gè)學(xué)習(xí)flutter的網(wǎng)站:Flutter中文網(wǎng)学辱,當(dāng)然這是原網(wǎng)址Flutter官網(wǎng)乘瓤。
1环形、下載SDK
兩個(gè)方法,一是去GitHub上clone:git clone -b beta https://github.com/flutter/flutter.git
衙傀,這個(gè)可能有點(diǎn)慢抬吟,我是第二種方法:直接去官網(wǎng)下載,下載完解壓到根目錄统抬,方便后面操作火本。
2、配置環(huán)境變量
2.1配置鏡像
- 到我們的根目錄下
cd ~
聪建,這是目錄就是你解壓的目錄钙畔,你是什么目錄就用什么目錄
cd ~
或者
cd /Users/用戶名
- 然后我們需要打開一個(gè)隱藏文件
.bash_profile
,如果打不開看下面2.2金麸、創(chuàng)建.bash_profile文件(如果存在跳過這一步)
open -e .bash_profile
- 把下面添加進(jìn)去擎析,注意第三條需要是你自己的用戶名,
/flutter/
便是我解壓的SDK文件
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/你的用戶名/flutter/bin:$PATH
- 關(guān)閉保存挥下,在輸入命令更新環(huán)境變量
source ~/.bash_profile
- 最后輸入下命令去驗(yàn)證是否配置成功揍魂,如果成功會打印如下圖信息
flutter -h
??????如果輸入
open -e .bash_profile
沒有打開文件,那就是沒有這個(gè)文件见秽,可以在根目錄cd ~
下輸入ls -al
命令愉烙,查看是否有.bash_profile
。如下:
2.2解取、創(chuàng)建.bash_profile文件(如果存在跳過這一步)
還是在根目錄下(一定要和你解壓的SDK同一目錄)
cd ~
或者
cd /Users/用戶名
創(chuàng)建
touch .bash_profile
這個(gè)時(shí)候已經(jīng)創(chuàng)建完成步责,下面打開它(如果只是查看,直接使用open .bash_profile
)
open -e .bash_profile
現(xiàn)在已經(jīng)創(chuàng)建完成禀苦,返回到上面的第三步蔓肯。
3、安裝開發(fā)環(huán)境
輸入下面這個(gè)命令振乏,來看還有沒有要安裝的依賴項(xiàng)
flutter doctor
會發(fā)現(xiàn)有好多的?蔗包,VS Code是我之前就安裝好的,這是我們主要說下安裝安卓開發(fā)的Android Studio和蘋果開發(fā)的Xcode慧邮。
3.1调限、配置Android Studio
錯(cuò)誤一
[?] Android toolchain - develop for Android devices
? Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.io/setup/#android-setup for detailed instructions).
If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.
通過Android Studio官網(wǎng)去下載一下,然后安裝误澳,不會安裝的可以自行百度耻矮。
安裝好SDK后,可以把a(bǔ)ndroid studio關(guān)了忆谓。
- 再次打開bash_profile
open -e .bash_profile
- 在bash_profile文件里加上裆装,android SDK目錄,替換為你自己的
export ANDROID_HOME="/Users/用戶名/Library/Android/sdk" //android sdk目錄,替換為你自己的
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
- 更新配置
source .bash_profile
然后運(yùn)行 flutter doctor
哨免,如果出現(xiàn)下面錯(cuò)誤
根據(jù)提示運(yùn)行:
flutter doctor --android-licenses
茎活,然后根據(jù)提示一直y,y到結(jié)束為止琢唾。
錯(cuò)誤二
[?] Android Studio (version 3.4)
? Flutter plugin not installed; this adds Flutter specific functionality.
? Dart plugin not installed; this adds Dart specific functionality.
Android Studio里還少了兩個(gè)插件Flutter和Dart载荔,打開AS
-
點(diǎn)擊preferences
-
Plugins下搜索flutter
- install安裝后OK,然后會有彈窗提示要安裝dart慧耍,同意身辨。等安裝好后重啟andriod studio丐谋。
到目前為止Android Studio已經(jīng)配置完成芍碧!
3.2、配置Xcode
去AppStore上下載即可号俐,這里主要解決命令行的報(bào)錯(cuò)
[!] iOS toolchain - develop for iOS devices
? 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
這個(gè)就好處理了泌豆,一般是都是版本問題,按照他給的提示依次輸入命令:
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
可能會安裝失敗吏饿,一般都是網(wǎng)路問題踪危。
最后再次執(zhí)行doctor
flutter doctor
到現(xiàn)在doctor上的錯(cuò)誤全部解決,可以完美的開始開發(fā)了猪落!
最后
上述已經(jīng)完美的配置好了Flutter的所有環(huán)境贞远,當(dāng)然作為一個(gè)優(yōu)秀的開發(fā)者,為了方便開發(fā)最好配置下VS Code編譯器笨忌!