准备工作
ios
- 升级Macos为最新系统
- 安装最新Xcode
- 安装brew
andriod(这里简单说下安卓的流程,本文主要以ios为主)
- JDK安装
- 配置jdk根目录(不含bin)为
JAVA_HOME 的系统环境变量 - 将
;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin 添加到系统环境变量Path中 - 执行java和javac测试是否安装成功
- 下载 Aandroid Studio,会弹出提示根据cpu厂商选择下载对应版本
- 直接全部默认选项安装,安装完成在安装flutter插件并在提示中勾同意安装dart
- new 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
- 运行
source $HOME/.bash_profile 刷新 *注意: 如果你使用的是zsh,终端启动时 ~/.bash_profile 将不会被加载,解决办法就是修改 ~/.zshrc ,在其中添加:source ~/.bash_profile * - 执行flutter -h查看帮助信息以测试sdk是否成功配置
这是有可能会报如下错: Error: The Flutter directory is not a clone of the GitHub project. The flutter tool requires Git in order to operate properly; to install Flutter, see the instructions at: https://flutter.dev/get-started 这是因为flutter sdk需要通过git安装dart sdk但是没有.git目录,所以在flutter目录下执行git init初始化后再执行flutter -h测试。 - 运行
flutter doctor 查看是否还需要安装其它依赖项来完成安装,如图,那几行爆红的是git相关的我没管他,也不知道怎么处理,经测试不管也没有影响,然后主要是下面的大项没有错误就行了,小项暂时也不管 - 进入要存放项目的目录,执行
flutter create flutter02 创建项目,cd ./flutter02 ,flutter run 启动,这时在手机上同意安装后即可测试。 - 导入项目到Xcode:进入项目的ios目录,双击Runner.xcodeproj即可在Xcode中打开
- 然后在顶部选择设备,我这里选择了iphone11,然后点三角启动,不一会就会弹出对应模拟器
在vscode中开发调试
-
安装vscode插件Flutter和Dart -
打开lib/main.dart -
直接点击main入口方法上面的run,如果模拟器或真机运行着会优先模拟器运行,如果模拟器或真机都没被检测到则会在弹出浏览器运行,快捷打开Xcode模拟器命令open -a Simulator 。当然还可以执行flutter run 运行项目,当真机也连着电脑时会出现以下提示: 意思是多个设备被找到,请选择一个,退出输入q,可以看到1是我的安卓真机,2是Xcode模拟器,3是chrome浏览器,真机输入1,快捷键r Restart,o切换ios和android预览 -
这里说明一下,经测试,热重载(Hot Reload)只在浏览器运行时生效,模拟器和真机均只支持手动刷新(Restart)
顺便打个广告:稳定飞机你懂的:速蛙云
|