在macOS上搭建Flutter开发环境

2023-11-01

准备工作

1、下载flutter sdk 

2、安装xcode、安装Android Studio

3、安装 Homebrew ,安装fvm,    安装adb

配置

1、环境变量配置

打开终端查看 ls -a

1 打开. open .bash_profile 插入环境变量 保存 source .bash_profile

如果文件不存在,需要vim .bash_profile 创建该文件

2 如图 : flutter的安装地址 ,android sdk的安装地址 (软件Android Studio 中查看)

 3、.zshrc   和.bash_profile里的环境配置保持一致,也加入这两行保存

通过运行以下命令来验证 flutter/bin 文件夹是否已经添加到 PATH 环境变量中:

$ echo $PATH

验证 flutter 命令是否可用,可以执行下面的命令检测:

$ which flutter

4、运行flutter doctor 命令 查看

flutter doctor

保证

如不,安装错误指示解决 

安装Homebrew

/bin/bash -c "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install.sh)"

或者

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装fvm

brew tap leoafarias/fvm
brew install fvm

安装adb   

brew cask install android-platform-tools

查看adb 是否成功

adb version

2、平台配置

安装 Xcode

开发 iOS 平台上的 Flutter 应用,你需要一个安装了 Xcode 的 Mac 设备。

  1. 通过 直接下载 或者通过 Mac App Store 来安装最新稳定版 Xcode;

  2. 配置 Xcode 命令行工具以使用新安装的 Xcode 版本。从命令行中运行以下命令:

    $ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
    $ sudo xcodebuild -runFirstLaunch
    

    当你安装了最新版本的 Xcode,大部分情况下,上面的路径都是一样的。但如果你安装了不同版本的 Xcode,你可能要更改一下上述命令中的路径。

  3. 运行一次 Xcode 或者通过输入命令 sudo xcodebuild -license 来确保已经同意 Xcode 的许可协议。

安装了 Xcode 之后,你就可以在 iOS 真机或者模拟器上运行 Flutter 应用了。

配置 iOS 模拟器

如果想要在 iOS 模拟器中运行和测试 Flutter 应用,按照以下步骤即可:

  1. 在你的 Mac 中,通过 Spotlight 或者以下命令来运行模拟器:

    $ open -a Simulator
    
  2. 通过模拟器菜单中的 Hardware > Device 选项检查当前模拟器是否是 64 位机型(iPhone 5S 或之后的机型)。

  3. 根据你当前开发机器的屏幕尺寸,模拟器模拟出来的高密度屏幕的设备可能会占满你的屏幕,你可以通过菜单中的 Window > Scale 选项来更改模拟器的缩放比例。

Deploy to iOS devices

如果你想把 Flutter 应用部署到 iOS 的真机上,你还需要一些别的工具和一个 Apple 开发者账号。另外,你还需要在 Xcode 上针对你的机器做一些设置。

  1. 如果你的应用不依赖 Flutter plugins 与原生 iOS 代码交互,你可以跳过这一步。通过运行以下命令 安装和设置CocoaPods

    $ sudo gem install cocoapods
    

     提示

    Ruby的默认版本需要 root 权限 sudo 来安装 CocoaPods gem,如果你使用的是 Ruby Version 管理器,可能就无需 root 权限。

  2. 按照下面 Xcode 签名流程来配置你的项目:

    1. 通过在命令行中于你当前 Flutter 项目目录下运行 open ios/Runner.xcworkspace 命令来打开默认的 Xcode 工程。

    2. 在运行按钮的下拉列表里选择你想要部署到的设备;

    3. 在左侧的导航面板中选择 Runner 项目;

    4. 在 Runner 项目的设置页面,请确保勾选你的开发团队。在不同的 Xcode 版本里,这一部分的操作界面不同:

      当选择了一个团队之后,Xcode 会创建和下载一个开发证书,并在你的账户里为你的社保注册,并在需要的时候创建和下载一个配置文件。

      • 在开始你的第一个 iOS 项目开发之前,你需要先在 Xcode 中登陆你的 Apple 开发者账号 

        Xcode account add

         任何 Apple ID 都可以进行开发和测试。如果想将应用上架 App Store,你需要加入 Apple Developer Program,你可以在 Choosing a Membership 页面中查看详细的说明。

      • 当你第一次将设备连接到开发机用于开发时,你需要分别在 Mac 和开发机上进行信任设备的操作。当你第一次连接时,会有个弹窗,点击 Trust 即可。

        Trust Mac

        然后在 iOS 开发机上进入 Settings 应用,选择 General > Device Management 然后信任相应的证书。对于首次打开的用户,请选择 General > Profiles > Device Management

      • 如果 Xcode 的自动签名失败了,你可以检查以下项目中 General > Identity > Bundle Identifier 里的值是否是唯一的。

        Check the app's Bundle ID

  3. 执行 flutter run 命令,或者在 Xcode 里点击运行,来运行你的应用。

设置 Android 开发环境

安装Android Studio

要为Android开发Flutter应用,您可以使用Mac,Windows或Linux(64位)机器.

Flutter需要安装和配置Android Studio:

  1. 下载并安装 Android Studio.

  2. 启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK平台工具和Android SDK构建工具,这是Flutter为Android开发时所必需的

Android Studio配置 flutter 

配置 Android 模拟器

根据以下步骤来将 Flutter 应用运行或测试于你的 Android 模拟器上:

  1. 激活机器上的 VM acceleration 选项。

  2. 打开 Android Studio,点击 AVD Manager 按钮,选择 Create Virtual Device…

    • 在一些旧的 Android Studio 版本里,需要通过 Android Studio > Tools > Android > AVD Manager,然后选择 Create Virtual Device… 选项。(只有在 Android 项目中才会显示 Android 子选项。)

    • 如果你以及还没打开某个项目,你可以选择 Configure > AVD Manager 然后选择 Create Virtual Device 选项

  3. 选择相应的设备并选择 Next 选项。

  4. 选择一个或多个你想要模拟的 Android 版本的系统镜像,然后选择 Next 选项。推荐选择 x86 或者 x86_64 镜像。

  5. 在 Emulated Performance 下选择 Hardware - GLES 2.0 选项来开启 硬件加速

  6. 确保 AVD 选项配置正确,并选择 Finish 选项。

    想要查看上述步骤的更多详细信息,请查看 Managing AVDs 页面。

  7. 在 Android Virtual Device Manager 中,点击工具栏中的 Run 选项,模拟器会启动并为你所选择的系统版本和设备显示出相应的界面。

  8. 在这里插入图片描述

创建并运行一个简单的 Flutter 应用

通过以下步骤来创建你的第一个 Flutter 应用并进行测试:

  1. 通过运行以下命令来创建一个新的 Flutter 应用:

    $ flutter create my_app
    
  2. 上述命令创建了一个 my_app 的目录,包含了 Flutter 初始的应用模版,切换路径到这个目录内:

    $ cd my_app
    
  3. 确保模拟器已经处于运行状态,输入以下命令来启动应用:

    $ flutter run

vscode开发flutter项目配置

安装flutter

安装dart

安装dart import

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在macOS上搭建Flutter开发环境 的相关文章

随机推荐

  • OpenCV学习第十三篇:提取水平和垂直线(去除干扰线)

    1 结构元素 可以是任意形状的结构元素 矩形 圆 直线 磁盘形状 砖石形状等 2 提取步骤 输入图像彩色图像imread 转换为灰度图像cvtColor 转换为二值图像adaptiveThreshold 定义结构元素 开操作 腐蚀 膨胀 提
  • mysql-8.0.17-winx64 安装包 与 安装教程

    初步安装教程 https www cnblogs com cyl048 p 11305642 html 安装时可能需要使用的命令 进入到mysql安装包的bin目录下 cd d D Program Files x86 mysql 8 0 1
  • redis-benchmark

    redis benchmark Redis自带一个叫redis benchmark的工具来模拟N个客户端同时发出M个请求 影响 Redis 性能的因素 有几个因素直接决定 Redis 的性能 它们能够改变基准测试的结果 所以我们必须注意到它
  • TensorFlow之模型保存与加载

    模型在训练过程中或者在训练之后 模型的执行过程能被保存 也就是 模型能从暂停中恢复以免训练的时间过长 因此 被保存的模型可以被共享 其他人可以重新构建相同的模型 被保存的模型以如下的两种方式进行共享 创建模型的代码 被训练模型的权重或者参数
  • STL——Vector模板类常见函数

    由于经常在做题中遇到 所以记录下 include
  • ubantu下vim的配置

    配置vim的作用 是为了更加方便我们在Linux系统下编程 在没有配置过的vim里 我们只能做最简易的操作 vim编辑器也不能像主机其他c编译器那样给我们自动补充和提示等帮助 而我们配置完vim后 通过我们的配置指令 vim环境就会跟普通的
  • PyTorch实现Softmax回归

    1 导入模块 import torch from torch utils data import DataLoader import torch nn as nn import torchvision datasets as Dataset
  • 3d效果技术java,java3D技术展示

    java3D技术依靠Java自身所带的API函数 来构建3D模型 不同于C 中的OpenGL函数 他显得跟简单 依靠观察者视觉的不同改变观察角度 主要是固定某些属性 通过mul函数合并属性 universe getViewingPlatfo
  • 在谈天津2023年高考压轴题:斯特林公式数列极限

    证明单调性 转化为数列极限问题 利用斯特林公式求极限
  • python _简易版本web_server

    学习目标 做个简易版的web server玩玩 学习内容 coding utf 8 import sys os subprocess from http server import BaseHTTPRequestHandler HTTPSe
  • 将两个列表转换成字典

    想象一下您有 keys name age food values Monty 42 spam 产生以下字典的最简单方法是什么 a dict name Monty age 42 food spam 1楼 您还可以在 2 7的Python中使用
  • Javassist操作方法总结

    参考手册 1 读取和输出字节码 ClassPool pool ClassPool getDefault 会从classpath中查询该类 CtClass cc pool get test Rectangle 设置 Rectangle的父类
  • 动态添加列 表格_只用过Excel表格?其实PowerBI中也有更强大的表格

    在PowerBI的可视化对象中 还有两个 表格 对象 表格的作用不仅可以在报表提供明细数据 还经常用来测试度量值的返回结果 因为它们使用起来十分简单 就是把字段拖进去就可以显示出来数据 看起来和Excel表格也没有什么不同 刚开始接触Pow
  • 从入门到放弃系列--如何成为全栈工程师01

    写个序言 计算机的书 有一个神秘的系列 不管写什么的 编程类的 比如 C语言 JAVA PHP 操作系统类的 比如windows98 2000 XP ME VISTA 7 8 10 LINUX 软件类的 比如word wps excel p
  • Cesium Terrain Builder 非压缩瓦片

    Cesium Terrain Builder 输出瓦片默认是zib压缩后的 在业务中如果传输不是问题 反而增加浏览器的解压处理 希望能支持输出非压缩瓦片 针对此需求 修改代码并重新编译 一 代码分析 1 输出数据对象 文件格式 主要为hei
  • 服务器上的文件怎么共享给学生机,云服务器对应学生机

    云服务器对应学生机 内容精选 换一换 当您创建的弹性云服务器规格无法满足业务需要时 可以变更云服务器规格 升级vCPU 内存 具体接口的使用 请参见本节内容 变更规格时 部分规格的之间不能互相变更 您可以参见查询云服务器规格变更支持列表查询
  • 重磅:饶毅正式举报裴钢院士!

    点击上方 CVer 选择加 星标 置顶 重磅干货 第一时间送达 来源 饶议科学 科技部 科奖中心 编辑 考博圈 学长 经过将近一年的严肃调查处理 1月21日 科研诚信建设联席会议联合工作机制发布 有关论文涉嫌造假调查处理情况的通报 以下简称
  • 【zedboard找不到COM串口bug】驱动下载地址

    今天在使用zedboard过程中出现了sdk终端没有COM串口的问题 解决方法见 zedboard串口bug最终解决办法 zynq开发 在SDK 终端Teminal找不到COM3 COM5等接口 无法连接uart串口 ZYNQ驱动问题 解决
  • 【源码】走一遍源码弄清ArrayList容器的扩容机制

    源码 走一遍源码弄清ArrayList容器的扩容机制 首先我们来看看ArraysList容器在整个Java集合框架中所处的位置 由此可见ArrayList是Java集合框架中 两大派系中Collection接口的子接口List的实现类 我们
  • 在macOS上搭建Flutter开发环境

    准备工作 1 下载flutter sdk 2 安装xcode 安装Android Studio 3 安装 Homebrew 安装fvm 安装adb 配置 1 环境变量配置 打开终端查看 ls a 1 打开 open bash profile