最新flutter2.10.3 Mac开发环境搭建

最新flutter2.10.3 Mac开发环境搭建,第1张

准备工作 ios 升级Macos为最新系统安装最新Xcode安装brew andriod(这里简单说下安卓的流程,本文主要以ios为主) JDK安装配置jdk根目录(不含bin)为JAVA_HOME的系统环境变量将;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin添加到系统环境变量Path中执行java和javac测试是否安装成功下载 Aandroid Studio,会d出提示根据cpu厂商选择下载对应版本直接全部默认选项安装,安装完成在安装flutter插件并在提示中勾同意安装dartnew flutter project完成后安卓手机开启usb调试,数据线连接mac识别到设备后run即可预览,如果要用模拟器建议第三方模拟器,具体怎么用模拟器调试另行google 配置flutter 下载flutter配置环境变量vim ~/.bash_profile添加如下
export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
export PATH=FLUTTER_DIRECTORY/bin:$PATH //FLUTTER_DIRECTORY为你flutter的路径
运行 source $HOME/.bash_profile 刷新
*注意: 如果你使用的是zsh,终端启动时 ~/.bash_profile 将不会被加载,解决办法就是修改 ~/.zshrc ,在其中添加:source ~/.bash_profile *进入要存放项目的目录,执行flutter create flutter02创建项目,cd ./flutter02flutter run启动,这时在手机上同意安装后即可测试。导入项目到Xcode:进入项目的ios目录,双击Runner.xcodeproj即可在Xcode中打开,然后在顶部选择设备,我这里选择了iphone11,然后点三角启动,不一会就会d出对应模拟器
在vscode中开发调试 安装vscode插件Flutter和Dart打开lib/main.dart
直接点击main入口方法上面的run,如果模拟器或真机运行着会优先模拟器运行,如果模拟器或真机都没被检测到则会在d出浏览器运行,快捷打开Xcode模拟器命令open -a Simulator。当然还可以执行flutter run运行项目,当真机也连着电脑时会出现以下提示:

意思是多个设备被找到,请选择一个,退出输入q,可以看到1是我的安卓真机,2是Xcode模拟器,3是chrome浏览器,真机输入1,快捷键r Restart,o切换ios和android预览

顺便打个广告:稳定飞机你懂的:速蛙云

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/993226.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存