Flutter是谷歌的移動(dòng)UI框架纷闺,可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。
Flutter在18年很火的樣子揽碘,要趕超 React Native的感覺浦徊,所以19年春節(jié)剛過,我就開始入門了掀宋,目前正在學(xué)習(xí)階段深纲,路過的大牛多多指導(dǎo)呦。學(xué)習(xí)新的開發(fā)語言劲妙,第一步湃鹊,肯定是要搭建開發(fā)環(huán)境嘍,通過兩次的搭建經(jīng)歷镣奋,遇到了一些問題币呵,用文章記錄一下,方便以后翻看侨颈,也可以給新手提供一些幫助余赢。
環(huán)境搭建
1.下載Flutter
推薦去官網(wǎng)下載,可以下載最新的SDK哈垢,網(wǎng)址:
https://flutter.io/setup-macos/
2.配置環(huán)境變量
先把剛才下載的zip包妻柒,解壓縮到你想要配置的文件夾下,然后使用命令行配置環(huán)境變量耘分。
vim ~/.bash_profile
增加一行
export PATH=/app/flutter/bin:$PATH
/app/flutter/bin
為解壓文件路徑举塔,如筆者的:
export PATH=/Users/MinJing_Lin/iOS/flutter/bin:$PATH
保存(:wq)完畢之后運(yùn)行命令:
source ~/.bash_profile
這個(gè)時(shí)候就可以運(yùn)行Flutter 命令行了,會(huì)展示Flutter命令幫助。
flutter -h
3.檢查環(huán)境
flutter doctor
如果有 ? 標(biāo)志求泰,表示本行檢測不通過啤贩,需要做一些設(shè)置或者安裝一些軟件。
如果Android Studio沒有安裝拜秧,可以先裝下(Mac版)痹屹。Android Studio下載地址:http://www.android-studio.org/
4.安裝安卓環(huán)境
flutter doctor --android-licenses
這里界面會(huì)要求輸入Y/N,一路輸入Y就行了。
打開Android Studio,打開plugin食棕,輸入flutter搜索,點(diǎn)擊install祥楣,安裝Flutter插件時(shí)楼肪,會(huì)自動(dòng)下載Dart語言培廓,安裝完成后重啟Android Studio。
5.安裝iOS環(huán)境
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
pod setup
如果資源brew update 太慢春叫,沒動(dòng)靜肩钠,可以替換一下鏡像,使用中科大的鏡像
第一步暂殖,替換brew.git
cd "$(brew --repo)"
git remote set-url origin https://mirrors.ustc.edu.cn/brew.git
第二步:替換homebrew-core.git
cd "$(brew --repo)/Library/Taps/homebrew/homebrew-core"
git remote set-url origin https://mirrors.ustc.edu.cn/homebrew-core.git
6.配置環(huán)境變量
如果在國內(nèi)价匠,你懂的,還需要設(shè)置一下pub源呛每,不然就不能愉快的使用別人寫的庫踩窖。
運(yùn)行
vim ~/.bash_profile
增加
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
保存退出,然后運(yùn)行
source ~/.bash_profile
至此晨横,我們的環(huán)境就搭建完畢了洋腮,可以愉快的開發(fā)了。
開啟flutter“Hello world”之旅
打開 Android Studio 手形,選擇“Start a new Flutter project”
參考鏈接
https://flutterchina.club
https://segmentfault.com/a/1190000014845833
http://www.reibang.com/p/9617bd923159
https://blog.csdn.net/JerryWu145/article/details/86214908