IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 最新flutter2.10.3 Mac开发环境搭建 -> 正文阅读

[移动开发]最新flutter2.10.3 Mac开发环境搭建

准备工作

ios

  1. 升级Macos为最新系统
  2. 安装最新Xcode
  3. 安装brew

andriod(这里简单说下安卓的流程,本文主要以ios为主)

  1. JDK安装
  2. 配置jdk根目录(不含bin)为JAVA_HOME的系统环境变量
  3. ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin添加到系统环境变量Path中
  4. 执行java和javac测试是否安装成功
  5. 下载 Aandroid Studio,会弹出提示根据cpu厂商选择下载对应版本
  6. 直接全部默认选项安装,安装完成在安装flutter插件并在提示中勾同意安装dart
  7. new flutter project完成后安卓手机开启usb调试,数据线连接mac识别到设备后run即可预览,如果要用模拟器建议第三方模拟器,具体怎么用模拟器调试另行google

配置flutter

  1. 下载flutter(建议直接解压到要放置的目录,拷贝过去可能会有问题)
  2. 配置环境变量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的路径
    
  3. 运行 source $HOME/.bash_profile 刷新
    *注意: 如果你使用的是zsh,终端启动时 ~/.bash_profile 将不会被加载,解决办法就是修改 ~/.zshrc ,在其中添加:source ~/.bash_profile *
  4. 执行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测试。
  5. 运行flutter doctor查看是否还需要安装其它依赖项来完成安装,如图,那几行爆红的是git相关的我没管他,也不知道怎么处理,经测试不管也没有影响,然后主要是下面的大项没有错误就行了,小项暂时也不管
    在这里插入图片描述
  6. 进入要存放项目的目录,执行flutter create flutter02创建项目,cd ./flutter02flutter run启动,这时在手机上同意安装后即可测试。
  7. 导入项目到Xcode:进入项目的ios目录,双击Runner.xcodeproj即可在Xcode中打开
  8. 然后在顶部选择设备,我这里选择了iphone11,然后点三角启动,不一会就会弹出对应模拟器
    在这里插入图片描述

在vscode中开发调试

  1. 安装vscode插件Flutter和Dart

  2. 打开lib/main.dart
    在这里插入图片描述

  3. 直接点击main入口方法上面的run,如果模拟器或真机运行着会优先模拟器运行,如果模拟器或真机都没被检测到则会在弹出浏览器运行,快捷打开Xcode模拟器命令open -a Simulator。当然还可以执行flutter run运行项目,当真机也连着电脑时会出现以下提示:
    在这里插入图片描述
    意思是多个设备被找到,请选择一个,退出输入q,可以看到1是我的安卓真机,2是Xcode模拟器,3是chrome浏览器,真机输入1,快捷键r Restart,o切换ios和android预览

  4. 这里说明一下,经测试,热重载(Hot Reload)只在浏览器运行时生效,模拟器和真机均只支持手动刷新(Restart)

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

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-03-08 22:39:08  更:2022-03-08 22:41:36 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 16:58:05-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码