1、進入官網下載Flutter的sdk,官網:https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
下載箭頭所指內容
2、複製SDK 將它配置到你想安裝SDK的目錄(如/Users/fan/flutter_mac/flutter)
如圖
3、將Flutter安裝目錄的bin目錄配置到環境變量,然後把Flutter國內鏡像也配置大盤環境變量裏面。
打開終端輸入命令: vim ~/.bash_profile
進入後默認不能編輯的,按下I,進入編輯模式,添加環境變量:
export PATH="/Users/apple/flutter_mac/flutter/bin:$PATH"
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_UUL=https://storage.flutter-io.cn
如圖
編輯完成後,按“Esc”,再按“:wq”,保存這個文件
再次執行這個文件,進入終端輸入命令:source ~/.bash_profile
檢測是否配置成功輸入:flutter -h 如果出來一些命令,就說明配置成功
如果配置完成後輸入flutter -h 提示命令有問題,可能是你SDK有問題,你重新下載下
4、運行 Flutter doctor 命令檢測環境
第一次運行會爆出很多錯誤,按照提示修改
如果電腦沒有安裝brew ,在命令行輸入:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
再執行命令:
brew update
brew uninstall --ignore-dependencies libimobiledevice
brew uninstall --ignore-dependencies usbmuxd
brew install --HEAD usbmuxd
brew unlink usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
pod setup
注意:如果運行命令失敗,請運行brew doctor 並按照說明解決問題
最後再運行下:flutter doctor
因爲我們用的是iOS的,因此不用管Android
5、配置好就可以生成Flutter項目
命令:sudo flutter create flutterdemo
生成項目後需要修改Flutter SDK目錄權限和項目權限
因爲運行項目,需要權限
6、Xcode打開Flutter項目 模擬器運行項目