今天稍微有點空閑催蝗，來寫一下flutter 在mac環(huán)境上的配置
一瓤逼、準備工作
1勺馆、升級 Macos 系統(tǒng)為最新系統(tǒng)
2、安裝最新的 Xcode
3拗秘、電腦上面需要安裝 brew https://brew.sh/
二圣絮、下載 Flutter、配置 Flutter 環(huán)境變量雕旨、配 置 Flutter 鏡像
1扮匠、下載 Flutter SDK
https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
2、把下載好的 Flutter SDK 隨便減壓到你想安裝 Sdk 的目錄如
/Users/yyyy/Documents/MyFlutter
1566290116910.jpg
3凡涩、把 Flutter 安裝目錄的 bin 目錄配置到環(huán)境變量棒搜，然后把 Flutter 國內(nèi)鏡像也配置到環(huán)境 變量里面
vim ~/.bash_profile
打開之后配置路徑如下
export PATH=/Users/yyyy/Documents/MyFlutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
然后按ESC，:wq保存活箕，接著在終端輸入:source ~/.bash_profile
注:
flutter -h 如果能出來一些命令說明 flutter sdk 配置成功力麸。
注意如果配置完成后輸入 flutter -h 告訴你 flutter 不是內(nèi)置命令之類的錯誤的話，可能 sdk 沒有配置成功育韩，也可能 sdk 下載的時候沒有下載全
三克蚂、運行 flutter doctor 命令檢測環(huán)境
第一次運行 flutter doctor 的時候會提示下面錯誤
1566290650672.jpg
1566290698956.jpg
四、 配置 Flutter Ios 環(huán)境
1筋讨、如果電腦上面沒有安裝 brew 的話首先第一步需要安裝 brew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
1566290791200.jpg
2埃叭、分別執(zhí)行下面命令
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
pod setup
注意:如果運行命令失敗請運行 brew doctor 并按照說明解決問題。
1566290990117.jpg
四悉罕、命令行工具生成 Flutter 項目--sudo flutter create flutterdemo
五游盲、修改 Flutter Sdk 目錄的權(quán)限以及項目的 權(quán)限
1566291118706.jpg
六、Xcode 打開 flutter 項目 模擬器運行項 目
注意:打開項目之前一定要修改權(quán)限
七蛮粮、在 Vscode 中配置 開發(fā) Flutter 項目
1益缎、Vscode 中安裝 Flutter 插件 Dart 插件。
1566291234915.jpg
1566291249839.jpg
2然想、Vscode 中打開 flutter 項目進行開發(fā)(當然也可用用Android Studio開發(fā))
3莺奔、運行 Flutter 項目 :flutter run
注:
r 鍵:點擊后熱加載，也就算是重新加載吧。
p 鍵:顯示網(wǎng)格令哟，這個可以很好的掌握布局情況恼琼，工作中很有用。
o 鍵:切換 android 和 ios 的預覽模式屏富。
q 鍵:退出調(diào)試預覽模式晴竞。
