前言
最近身邊好多朋友都在學(xué)習(xí)flutter补鼻,而自己在在招聘網(wǎng)站上也看到很多招flutter開發(fā)工程師薛闪,所以也要擁抱新的技術(shù)變化鲜屏。
準(zhǔn)備
自己在網(wǎng)上查找了一番,最后覺(jué)得還是從flutter中文網(wǎng)開始學(xué)習(xí)靠譜點(diǎn)昔驱。
flutter接口文檔:https://api.flutter.dev
flutter實(shí)戰(zhàn)電子書:https://book.flutterchina.club
1.環(huán)境的搭建
本人的是mac 筆記本疹尾,所以按如下搭建:入門: 在macOS上搭建Flutter開發(fā)環(huán)境
1.1安裝flutter sdk
來(lái)到 flutter sdk releases 界面 https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
選中macos下
sdk 下載完后直接雙擊解壓在桌面的
按著英文文檔中的步驟操作 https://flutter.dev/docs/get-started/install/macos
終端命令行一波(具體看英文文檔)
1.2更新環(huán)境變量
在英文文檔中為什么要配置環(huán)境變量,當(dāng)時(shí)我沒(méi)明白骤肛。后來(lái)理解了纳本,因?yàn)樵诮K端中要用到flutter命令,而更新環(huán)境變量操作后腋颠,就指定了path ,就不會(huì)再打開終端時(shí)報(bào)flutter: command not found
了繁成。
在 .bash_profile文件添加命令時(shí)用 vim ~/.bash_profile 來(lái)創(chuàng)建
,下圖如是:
小插曲去安裝Brew工具
終端安裝命令:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
等待幾分鐘就Homebrew就安裝完了。brew是什么可以參考:Mac OS下brew的安裝和使用
為了解決brew報(bào)錯(cuò)按步驟一個(gè)個(gè)安裝
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
裝完之后再 flutter doctor
檢測(cè)一波淑玫,及只一報(bào)錯(cuò)的解決辦法
1.2安裝安卓sdk
本人mac電腦是已安裝xcode的巾腕,所以現(xiàn)在報(bào)Android的錯(cuò), android 下載https://developer.android.com/studio
打開之后直接安裝 Android SDK components
安裝了Android SDK 后再次運(yùn)行
flutter doctor
.解決licenses 錯(cuò)誤 flutter doctor --android-licenses
Android Studio 配置與使用
上圖報(bào)的錯(cuò)誤是Android studio沒(méi)有添加flutter插件,于是:
安裝完后,再重啟Android studio
再
flutter doctor
檢測(cè)一波哈哈~絮蒿,終于沒(méi)有報(bào)錯(cuò)了尊搬。
最后
用Android studio 新建flutter工程
在iphone7模擬器上運(yùn)行效果
在Android模擬器上運(yùn)行(這里要添加Android模擬器Tools->AVD Manager)
1.環(huán)境就這樣搭建好了,在macOS Mojave系統(tǒng)上
2.后面學(xué)習(xí)Dart語(yǔ)言及工程編譯