当前位置: 首页 > article >正文

Flutter环境搭建

Flutter 环境搭建与项目启动调试指南

刚开始接触 Flutter 的过程可能会让人感到有些痛苦,尤其是环境搭建这一步,充满了各种坑。接下来,我们将一步步带你体验 Flutter 的环境安装和项目启动调试。

1. 使用镜像

由于在国内访问 Flutter 有时可能会受到限制,Flutter 官方为中国开发者搭建了临时镜像。你可以将以下环境变量添加到用户环境变量中:

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

需要注意的是,此镜像为临时镜像,并不能保证一直可用。你可以参考 Flutter 官方文档 以获取最新的镜像服务器信息。

2. 在 Windows 上搭建 Flutter 开发环境

系统配置要求

  • 操作系统:Windows 10 或更高版本(基于 x86-64 的 64 位操作系统)。
  • 磁盘空间:除安装 IDE 和一些工具之外,还应有至少 1.64 GB 的空间。
  • 设置:必须在 Windows 10/11 上启用开发者模式。
  • 工具:Flutter 依赖于以下工具:
    • Windows PowerShell 5.0 或更高版本(Windows 10 中已预装)。
    • Git for Windows 2.x,并且勾选从 Windows 命令提示符使用 Git 选项。

如果已经安装了 Git,请确保能从命令提示符或 PowerShell 中直接执行 Git 命令。

2.1 安装 Android Studio

你可以直接到 Android Studio 官网 下载并安装。选择默认配置并安装对应的包。

安装完成后,打开 SDK Manager 并下载所需的 SDK 工具。

2.2 Android SDK 环境变量配置

Android SDK 默认安装路径为 C:\Users\YourName\AppData\Local\Android\Sdk。如果你更改了安装路径,则需要配置以下环境变量:

  1. 在系统变量中新增 ANDROID_HOME,设置值为 SDK 的安装根目录。
  2. 在系统变量 Path 中,增加两个值:%ANDROID_HOME%\tools%ANDROID_HOME%\platform-tools

2.3 安装 fvm

fvm(Flutter Version Management)是一个 Flutter 版本管理工具,类似于 nvm 管理不同版本的 Node.js。你可以通过以下命令安装 fvm:

dart pub global activate fvm

为了避免闪退问题,建议直接从 GitHub 下载 fvm。

2.4 下载 Flutter SDK

你可以通过 fvm 来安装不同版本的 Flutter SDK。例如:

fvm install 2.2.3
fvm install 3.10.2

你也可以手动下载并解压 Flutter SDK,然后将其放置在 D:\fvm\versions 目录下。

2.5 安装 Java SDK

对于 Flutter 2 的项目,需要安装 JDK 并配置 Java 环境变量。Flutter 3 开始不再需要 JDK。

2.6 安装 Visual Studio

如果你需要开发 Windows 桌面端程序,还需要安装 Visual Studio 2022 或 Visual Studio 2022 生成工具。

2.7 配置安卓模拟器

你可以通过 Android Studio 的 AVD Manager 创建并配置安卓模拟器。为了提高模拟器的性能,建议将图形渲染模式改为 Hardware - GLES2.0

2.8 连接 Android 真机设备

要在 Android 设备上运行 Flutter 应用,需要启用开发者选项和 USB 调试。连接设备后,运行 flutter devices 命令以验证设备是否被识别。

3. 在 macOS 上搭建 Flutter 开发环境

系统配置要求

  • 操作系统:macOS。
  • 磁盘空间:2.8 GB(不包含 IDE 或其余工具所需要的磁盘空间)。
  • 工具:Flutter 使用 git 进行安装和升级,建议安装 Xcode 或单独安装 Git。

3.1 安装 fvm 及 Flutter SDK

你可以使用 Homebrew 来安装 fvm:

brew tap befovy/taps
brew install fvm

然后通过 fvm 安装所需的 Flutter 版本。

3.2 安装 Java SDK

你可以从 Oracle 官网 下载并安装 JDK 11。

3.3 安装 iOS 开发环境

3.3.1 安装 Xcode

开发 iOS 平台上的 Flutter 应用需要安装 Xcode。你可以通过 Mac App Store 下载并安装。

3.3.2 配置 iOS 模拟器

安装 Xcode 后,你可以通过以下命令启动 iOS 模拟器:

open -a Simulator
3.3.3 连接 iOS 真机设备

要在 iPhone 或 iPad 上运行 Flutter 应用,你需要在 Xcode 中配置开发者账号并信任设备。

3.4 设置 Android 开发环境

关于 Android Studio 及安卓模拟器的安装,与 Windows 上的配置类似,不再赘述。

4. 项目的创建和启动

4.1 开发工具

Flutter 官方推荐的编辑器有 Android Studio 和 VSCode。你可以根据自己的喜好选择合适的工具。

4.2 插件安装

建议安装以下插件:

  • Flutter
  • Dart
  • Flutter Files
  • Flutter Color
  • ARB Editor
  • Flutter Intl
  • Awesome Flutter Snippets
  • Flutter Widget Snippets

4.3 新建一个 Flutter 项目

你可以通过以下命令创建一个新的 Flutter 项目:

flutter create my_app

然后使用 VSCode 打开项目并启动调试。

4.4 启动现有项目

对于已经存在的 Flutter 项目,你可以通过以下命令安装依赖并启动项目:

flutter pub get
flutter run

5. 使用 AppUploader 简化 iOS 应用发布流程

在 iOS 开发中,应用的发布流程可能会比较复杂,尤其是涉及到证书、描述文件的管理。为了简化这一过程,你可以使用 AppUploader,这是一款专为 iOS 开发者设计的工具,能够帮助你快速生成和管理证书、描述文件,并轻松上传应用到 App Store。

5.1 安装 AppUploader

你可以从 AppUploader 官网 下载并安装 AppUploader。安装完成后,打开工具并登录你的 Apple 开发者账号。

5.2 生成证书和描述文件

通过 AppUploader,你可以一键生成开发证书、发布证书以及相应的描述文件。工具会自动处理证书的申请和下载,省去了手动操作的繁琐步骤。

5.3 上传应用到 App Store

在应用开发完成后,你可以使用 AppUploader 快速打包并上传应用到 App Store。工具会自动处理应用的签名和上传流程,确保应用能够顺利发布。

5.4 其他功能

AppUploader 还提供了其他实用的功能,如应用截图管理、应用信息编辑等,帮助你更高效地完成应用的发布工作。

总结

通过以上步骤,你应该已经成功搭建了 Flutter 的开发环境,并能够顺利启动和调试项目。如果你在 iOS 应用的发布过程中遇到问题,不妨试试 AppUploader,它能够帮助你简化发布流程,节省大量时间。


http://www.kler.cn/a/613927.html

相关文章:

  • MYTOOL-笔记
  • HTML应用指南:利用POST请求获取全国小鹏汽车的充电桩位置信息
  • 深度学习框架PyTorch——从入门到精通(9)PyTorch简介
  • 揭秘大数据 | 13、大数据的五大问题 之 数据科学
  • Python实现图片文字识别-OCR
  • cJSON- API 深度解析:设计理念与实现原理(二)
  • 前端 Overflow hidden与auto切换时页面右移的问题解决 Antd Drawer打开关闭时位置偏移的问题的解决
  • 【微服务架构】本地负载均衡的实现(基于权重算法)
  • Css环形旋转立体感动画
  • iOS自定义collection view的page size(width/height)分页效果
  • 软件需求未明确非功能性指标(如并发量)的后果
  • Docker 部署 Redis 集群学习记录
  • 26考研——树与二叉树_树、森林(5)
  • 怎么解决父元素高度塌陷
  • 从零到一:ESP32与豆包大模型的RTC连续对话实现指南
  • Java 开发中的 AI 黑科技:如何用 AI 工具自动生成 Spring Boot 项目脚手架?
  • scikit-learn 线性回归:函数、原理、优化与实例解析
  • 第三代互联网 互联网发展的全新范式
  • DeepFlow助力精准定位APISIX故障,消除诊断方向偏差
  • 第21周:RestNet-50算法实践