1. 一般步骤
准备工作:
1、升级 Macos 系统为最新
2、安装最新的 Xcode
3、命令行终端安装brew https://brew.sh/
/bin/bash -c “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)”
4、下载 Flutter SDK,系统会帮你自动解压。拷贝到macOs你常用目录,下载地址。
5、配置环境变量
vim ~/.bash_profile
export PATH=/Users/aishengwanwu/flutter_mac/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cnsource ~/.bash_profile
6、运行flutter doctor检测环境
7、依次执行下面命令配置flutter ios环境。如果运行命令失败请运行 brew doctor 并按照说明解决问题。
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
执行完成上面命令后然后重新运行: flutter doctor 查看ios toolchain是否成功安装。
8、命令行创建Flutter项目 并修改Flutter sdk 和项目的权限
sudo flutter create flutterdemo
sudo chmod -R 777 path
最后使用Xcode打开项目,项目目录下ios/Runner.xcodeproj双击即可。
如果上述过程顺利,那你蛮幸运的!
2. 不太幸运
假如你和我一样不太数据Mac环境有可能会遇到下面问题。
1、切换终端后提示: zsh command not found : flutter
2、工程创建一直卡在 flutter get pub 然后超时。用vscode打开后 修改pubspec.yaml后保存任然不行,甚至dart源文件爆红。**解决思路**
:先回去查看sdk路径和项目路径权限都是OK的,刚开始创建我将flutter sdk存放到了usr/local/目录下了,但权限应该不影响,截图请教群友认为sdk存放路径的问题,结论并不是!难道是工程创建失败导致的?于是怀疑镜像源的问题换了清华的 和海事大学的,重复source ~/.bash_profile依然不行。排除镜像源的问题,最后回到应该是SDK环境变量的问题,多次修改环境变量运行flutter doctor检查环境,依然是没有问题,最后留意到重新打开终端后macOs自动提示了
To update your account to use zsh,please run ‘chsh -s /bin/zsh’
通过百度查到,从Catalina版开始,mac将zsh作为默认登录shell和交互shell。执行chsh -s /bin/zsh
命令后,输入flutter doctor命令居然不可以用了。网上也找到了解决办法source ~/.bash_profile只对当前终端窗口有效,关闭后就无效了。
永久的解决办法是复制之前的环境变量粘贴到zprofile文件中去
vim ~/.zprofile
source ~/.zprofile
再执行flutter创建项目,修改权限,打开成功运行!最后就是安装VScode及其插件开发了,开始撸代码了!这里强烈推荐使用vscode写代码调试Ui,打包编译打包使用AS 和Xcode,还有一个原则是Dart能满足的业务就别再和原生打交道了,除非迫不得已。