Flutter 之 Mac 环境搭建

最新推荐文章于 2024-09-28 18:50:55 发布
最新推荐文章于 2024-09-28 18:50:55 发布
阅读量2.3k 收藏 4
点赞数 1
分类专栏： 笔记 泛客户端开发 文章标签： flutter ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50983325/article/details/120009565
版权

目标

在 Mac 下，搭建 Flutter 运行的 iOS 开发环境

基础环境

要安装并运行 Flutter，您的开发环境必须满足以下最低要求:

  • 操作系统: macOS (64-bit)
  • 磁盘空间: 700 MB (不包括 Xcode 或 Android Studio 的磁盘空间）
  • 工具: Flutter 依赖下面这些命令行工具
    bash, mkdir, rm, git, curl, unzip, which

使用镜像

由于在国内访问 Flutter 有时可能会受到限制，Flutter 官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中（在命令行中运行如下命令）：

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

或者，直接编辑/Users/你的用户名/.bash_profile
在这里插入图片描述

搭建 iOS 环境

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

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

  2. 通过在命令行中运行以下命令来配置 Xcode command-line tools:

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

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

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

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

iOS 模拟器

如果想要在 iOS 模拟器中运行和测试 Flutter 应用，通过 Spotlight 或者以下命令来启动模拟器：

$ open -a Simulator

iOS 环境依赖
要将您的 Flutter 应用安装到 iOS 真机设备，您需要一些额外的工具。

  • 安装homebrew（如果已经安装了 brew，跳过此步骤）

  • 打开终端，并运行这些命令，来安装用于将 Flutter 应用安装到 iOS 设备的工具

    以下安装，需要很长时间（可能大于10分钟），需要耐心等待

    brew update 
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup

    如果这些命令中的任何一个失败并出现错误，请运行 brew doctor 并按照说明解决问题.

安装 Flutter SDK

  • 去 flutter 官网下载
    下载地址：

    或者通过 git 下载

    git clone -b beta https://github.com/flutter/flutter.git

  • 解压安装包到你想安装的目录，如：

    cd ~/myapp
unzip ~/Downloads/flutter_macos_1.22.5-stable.zip

#将解压后的目录命名为flutter，然后复制到/Users/liuchangtao/myapp/
#最后的路径是/Users/liuchangtao/myapp/flutter

  • 添加 flutter 路径到 path 中：

    # 打开 bash_profile
vim ~/.bash_profiles

# 添加 flutter 环境里变量（在尾部，添加如下代码）
export PATH="$PATH:/Users/liuchangtao/myapp/flutter/bin"

# 保存退出: wq

# 更新环境里变量
source ~/.bash_profile

    请将上述 flutter 路径，换成你自己的 flutter 路径

  • 验证 flutter 命令

    # 在命令行中输入
flutter -h

    初次运行会下载一些内容
    在这里插入图片描述

  • 检测 flutter

    # 在命令行中输入
flutter doctor

    初次运行时，它会下载它自己的依赖项并自行编译，可能需要等一会儿（以后再运行就会快得多）
    在这里插入图片描述
    若 Android 或 iOS 有依赖缺失。请下载 Android Studio 或者 VS Code，然后在对应 IDE 中下载Flutter 插件。安装过程与 Windows 下的安装过程一致（参考：Flutter 之 Windows 环境搭建.md）
    以下为配置成功的截图：
    在这里插入图片描述

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

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

    $ flutter create flutterdemo

  2. 上述命令创建了一个flutterdemo的目录，包含了 Flutter 初始的应用模版，切换路径到这个目录内：

    $ cd flutterdemo

  3. 确保模拟器已经处于运行状态：

    # 查看当前模拟器
$ flutter emulators

    在这里插入图片描述

    # 启动模拟器
$ flutter emulator --launch apple_ios_simulator # ios 模拟器
# 或者
$ flutter emulator --launch Nexus_S_API_29 # Andorid 模拟器

  4. 运行 flutter

    # 执行项目工程，若有多个设备连接，需要 -d <设备的id>执行某个模拟器
$ flutter run

    在这里插入图片描述

使用 Xcode 打开 Flutter 项目
双击 Flutter 项目目录下的 ios/Runner.xcodeproj
在这里插入图片描述
iOS 配置文件

iOS 下的配置文件是ios/Runner/Info.plist（相当于 android/src/main/AndroidManifest.xml）。我们可以在 iOS 配置文件中，配置权限、语言、主题等信息。一般有两个编辑方式：

  1. 在 VS Code 中编辑
    VS Code 中的 Info.plist 就是一个 XML 文件。例如：常用的权限设置有：

    <key>NSLocationWhenInUseUsageDescription</key>
<string>App需要您的同意,才能在使用期间访问位置</string>

<key>NSLocationAlwaysUsageDescription</key>
<string>App需要您的同意,才能始终访问位置</string>
<key>NSPhotoLibraryUsageDescription</key>
<string>App需要您的同意,才能访问相册</string>

<key>NSCameraUsageDescription</key>
<string>App需要您的同意,才能访问相机</string>

<key>NSMicrophoneUsageDescription</key>
<string>App需要您的同意,才能访问麦克风</string>

<key>NSLocationUsageDescription</key>
<string>App需要您的同意,才能访问位置</string>

<key>NSCalendarsUsageDescription</key>
<string>App需要您的同意,才能访问日历</string>

<key>NSRemindersUsageDescription</key>
<string>App需要您的同意,才能访问提醒事项</string>

<key>NSMotionUsageDescription</key>
<string>App需要您的同意,才能访问运动与健身</string>

<key>NSHealthUpdateUsageDescription</key>
<string>App需要您的同意,才能访问健康更新</string>

<key>NSHealthShareUsageDescription</key>
<string>App需要您的同意,才能访问健康分享</string>

<key>NSBluetoothPeripheralUsageDescription</key>
<string>App需要您的同意,才能访问蓝牙</string>

<key>NSAppleMusicUsageDescription</key>
<string>App需要您的同意,才能访问媒体资料库</string>

  2. 在 Xcode 中编辑
    Xcode 提供了一个可编辑的列表，允许我们添加、删除和编辑具体的配置项。
    在这里插入图片描述

christian-dong
关注
专栏目录
flutter mac下搭建flutter开发环境
智玲君
02-20 1492
1，首先下载安装jdk 下载地址： 点击安装完成后，通过访达前往/Library/Java/JavaVirtualMachines，可看到jdk的安装位置，其中Contents下的Home文件夹，是该JDK的根目录。例如：jdk的真实主目录如下： /Library/Java/JavaVirtualMachines/jdk1.8.0_211.jdk/Contents/Home 配置jdk环境，如果你是，可以(如果你是为编辑已存在的配置文件，则使用"open -e .bash_profile"命令)，打开终端，
Flutter开发之——macOS上搭建Flutter开发环境
2401_84122782的博客
05-05 712
面试是一个不断学习、不断自我提升的过程，有机会还是出去面面，至少能想到查漏补缺效果，而且有些知识点，可能你自以为知道，但让你说，并不一定能说得很好。有些东西有压力才有动力，而学到的知识点，都是钱（因为技术人员大部分情况是根据你的能力来定级、来发薪水的），技多不压身。附上我的面试各大专题整理： 面试指南，满满的都是干货，希望对大家有帮助！《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！知识点，可能你自以为知道，但让你说，并不一定能说得很好。
搭建Mac Flutter开发环境
keganyuan的博客
04-30 2279
基于Mac M1 Pro搭建Flutter开发环境，其他平台请参考官方教程。
Flutter - Mac 开发环境配置
最新发布
m0_48925748的博客
09-28 1825
需要：Brew、Git 2.27+、Rosetta 2、Flutter JDK、Xcode、chrome、Android Studio（可选）、VS Code。国内镜像：https://developer.android.google.cn/studio?maven.google.com google的maven库资源站。1、执行flutter doctor之后，全部✅，打完收工✅！pub.dev dart和flutter的官方开放库资源站。修改flutter解压的地址的下面路径的文件。
搭建 Flutter 开发环境(Mac电脑 M或英特尔系列芯片）
weixin_46418118的博客
07-27 2337
由于安装Cocopods需要依赖 ruby 环境，而安装 ruby 需要借助工具 rvm，rvm是用来管理 ruby 版本的，也就是说你的电脑上可以安装多个不同版本的 ruby 可以使用 rvm 来管理他们。选择fvm目录 -> default目录 -> bin目录 -> cache目录 -> dark-sdk。在.ssh文件下，找到.pub后缀文件，打开复制密钥，粘贴到git仓库中到SSH Keys管理；列出ruby的所有版本：rvm list known ->安装合适的版本。
Mac搭建flutter环境
Q773000230的博客
09-10 1362
最近换了一台新电脑，由于mac11之后系统默认终端zsh，和mac11之前的旧系统有点区别，在此记录一下最新搭建flutter环境流程 1、从官网下载flutter Flutter | Flutter SDK releases 解压后放到固定目录，后面会一直用到，不能删除 2、打开终端，编辑.bash_profile文件 sudo vi ~/.bash_profile 增加以下配置 //1和2是国内用户需要设置的镜像 export PUB_HOSTED_URL=https://pub.
Mac平台flutter环境搭建
zhuwei622的博客
10-23 851
1、去flutter官网下载安装包，下载Dev channel，macOS https://flutter.io/sdk-archive/#macos 2、macOS下是自动解压了，进入flutter/bin目录后执行。如果提示有问题，看后面几点解决办法。 ./flutter doctor 如果提示xcrun不存在，执行以下命令安装 xcode-select --install ...
Mac上flutter的环境搭建
01-20
一、安装flutter SDK 1、按照官网说明，获取flutter SDK 如图下载其最新可用的安装包 ...`pwd`是你flutter的安装目录，同时将环境变量添加到文件中 export PUB_HOSTE
Flutter开发环境搭建 for mac
01-20
(brew 是 Mac 下的一个包管理工具，类似于 centos 下的 yum，可以很方便地进行安装/卸载/更新各种软件包，例如：nodejs, elasticsearch, kibana, mysql, mongodb 等等，可以用来快速搭建各种本地环境，程序员必备...
01-mac flutter环境搭建
深蓝旭的博客
08-22 866
mac flutter环境搭建 安装国内镜像 export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 下载flutter 下载flutter flutter官网下载地址 flutter github下载地址 进入你想放置flutter的目录 cd ~/development 解压下载文件，记住改为你自己下载的版本号，按Y确认即可 unzip.
Mac Flutter环境搭建
周为的博客
08-21 1719
       Flutter并不支持Xcode上编写运行，国内大部分资料都是基于Android Studio的，我是一名IOS开发者,所以我们要搭建Flutter的第一件事就是安装Android Studio。Android Studio的dmg文件下载下来过后，由于安卓自带的模拟器实在操蛋，我们需要安装安卓的第三方模拟器。         1.Android Studio第三方模拟器一般使用G...
Flutter环境搭建（MAC）
MrNoHere的博客
05-10 404
Flutter安装指南 官方文档地址：https://flutter.io/get-started/install/ 首先，下载Flutter的源码，按照官方建议，我们选择beta分支，如下所示： git clone -b beta https://github.com/flutter/flutter.git 代码下载后，目录结构如下： flutter renyugang$ tree...
Flutter Mac环境搭建
Pixiao的博客
05-31 202
Flutter Mac环境搭建下载SDK环境变量打开配置文件添加变量使环境变量生效健康检测问题解决完美状态其他设置 下载SDK 下载地址：https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos 下载完成后解压 环境变量 打开配置文件 open ~/.bash_profile 添加变量 export PATH=/Users/用户名/Documents/flutter/flutter/bin:$PATH 使环境变量生效
mac系统下flutter环境搭建
qq_34827618的博客
05-28 688
根据flutter中文网教程 入门: 在macOS上搭建Flutter开发环境 - Flutter中文网 1.去flutter官网下载flutter sdk 2.下载后解压到路径 Volumes/f/flutter/ （下载解压后右键可以拷贝路径） 3.打开终端执行 sudo vim ~/.bash_profile 输入密码 1⃣️输入i 2⃣️ export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE
MacOS搭建Flutter 环境
仁希的博客
07-15 1767
提示：Waiting for another flutter command to release the startup lock…第三步：进入自己的工具(Android studio/vs code)，在设置中配置flutter路径。第四步：下载flutter插件，flutter插件集成了dart插件，不需要再下dart插件。下载成功后会自动解压，把Flutter文件放到自己指定的位置。第一步：官网下载对应版本的flutter SDK。MacOS有两个版本：x64和 arm64。
Flutter——环境搭建（MAC版）
小欣儿的专栏
12-25 1381
文件，比如，在 Linux 和 macOS Mojave 或 Mojave 之前的系统里，是默认使用 Bash 的，所以需要修改。下载完成后，新建一个你期望存放sdk的目录，然后将下载的压缩包直接解压得到fluter文件夹；请知晓，如果你使用不同的 shell，文件目录或文件名可能会有所不同。,如果使用zshrc步骤跟下面的一样，就把文件名换下就可以了）如果电脑上面存在这个文件，可以直接输入下面地址打开。（1） 启动终端（可以在任意目录下打开）（2）编辑：在文件中配置。（3）关闭即可保存修改。
flutter开发: Mac 上搭建flutter开发环境
code
03-27 2836
在苹果Mac环境下配置，flutter开发环境遇到很多问题记录 第一步 首先在Mac终端查看有没有安装，Homebrew 如果在终端执行 brew, 显示如下 -bash: brew: command not found，即Mac没有带Homebrew 如果没有需要安装 Homebrew， 在终端执行 /bin/bash -c "$(curl -fsSL ...
flutter 环境搭建小记（MAC版）
feng_zhongsha的博客
11-04 1548
flutter 环境搭建
Mac上Flutter环境搭建教程与常见问题解决
本文主要介绍了在Mac系统上安装和配置Flutter环境的详细步骤。首先，从官方文档获取最新的Flutter SDK（https://flutter.dev/docs/get-started/install/macos），推荐下载到一个指定的目录，以便于管理。接着，需要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值