Flutter 环境配置指南

在开始使用 Flutter 进行开发之前,首先需要配置好开发环境。本文将详细介绍如何在 Windows 系统上配置 Flutter 开发环境,并介绍如何使用 appuploader 来简化 iOS 应用的发布流程。

系统配置要求

  • 操作系统:Windows 10 或更高版本(64 位操作系统)
  • 磁盘空间:除了安装 IDE 和一些工具外,至少需要 1.64GB 的空间。
  • 工具:为了确保 Flutter 在你的开发环境中正常运行,你需要以下工具:
    • Windows PowerShell 5.0 或更高版本(Windows 系统一般自带)
    • Git for Windows 2.x,并且勾选从 Windows 命令提示符使用 Git 选项

如果你已经安装过 Git,请确保能够在命令提示符或 PowerShell 中直接执行 git 命令。

获取 Flutter SDK

  1. 下载安装包
    你可以从以下链接下载 Flutter SDK 的稳定版本:
    Flutter SDK 下载链接

  2. 解压到指定位置
    将下载好的压缩包解压,然后将 flutter 目录放在你希望放置的路径中(例如 C:\flutter)。
    注意:请勿将 Flutter 放置在有特殊字符或空格的路径下,也不要将其安装在需要高权限的文件夹内,例如 C:\Program Files\

  3. 将 Flutter 目录地址更新至环境变量
    如果需要在 Windows 命令行中运行 Flutter 命令,则需要将其添加到用户的环境变量或系统的环境变量中。

    • 在开始菜单输入“环境变量”,选择“编辑系统环境变量”。
    • 进入后点击“编辑环境变量”,在需要进行编辑的环境变量中(系统环境变量或个人环境变量)检查是否存在 Path 条目。
      若存在 Path,向其中添加 Path\flutter\bin 路径;若不存在,则新建一个 Path 变量,并将 Path\flutter\bin 路径写入其中。
  4. 检查环境变量配置是否完成

    • 输入 win + r,然后输入 cmd 进入命令行操作界面。
    • 在命令行中输入 where flutter dart,确保 Flutter 和 Dart 命令能够正常执行。

使用 flutter doctor 检测依赖安装情况

在更新 Path 变量后,打开一个新的控制台窗口(建议使用 PowerShell 并以管理员模式运行),然后运行 flutter doctor。该命令会检查你现有的环境,并将检测结果以报告形式呈现出来。仔细阅读报告内容,检查是否有尚未安装的软件或需要完成的步骤。

例如,你可能会看到以下提示:

[-] Android toolchain - develop for Android devices
• Android SDK at D:\Android\sdk
✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
• Try re-installing or updating your Android SDK,
visit https://flutter.cn/docs/setup/#android-setup for detailed instructions.

不必担心,下面会介绍如何安装相关依赖。

安装 Android Studio

  1. 下载并安装 Android Studio
    下载路径可自行选择,其他一路默认即可。

  2. 安装 Android SDK 以及 Android SDK Command-line Tools

    • 在 Android Studio 中,点击 More Actions,选择 SDK Manager
    • 选择你需要的 SDK 版本,并切换到 SDK Tools 中下载 Android SDK Command-line Tools(若不下载,flutter doctor 会报错,提示缺乏依赖)。
  3. 运行 flutter doctor 检测依赖
    确保 Flutter 已经定位到你的 Android Studio 安装位置。如果 Flutter 未定位到,运行以下命令设置 Android Studio 的安装目录:

    flutter config --android-studio-dir <directory>
    

配置 Android 设备

在 Android 设备上运行或测试 Flutter 应用之前,你需要一个运行 Android 4.1(API 版本 16)或更高的设备。

  1. 在设备上打开 Developer optionsUSB debugging 选项。
  2. [可选] 要使用无线调试,启用设备上的 Wireless debugging
  3. 如果是在 Windows 平台上使用,需要安装 Google USB Driver
  4. 通过 USB 接口连接手机和电脑,如果在设备上弹出需要授权弹窗,允许授权以便让电脑能够访问你的开发设备。
  5. 在终端中,运行 flutter devices 命令来确认 Flutter 是否识别到你连接的 Android 设备。

配置 Android 模拟器

  1. 打开 Android Studio,点击 More Actions 中的 Virtual Device Manager
  2. 进入后点击 Edit this AVD 操作,若没有,则自己创建一个虚拟机进行相同操作。
  3. 修改对应虚拟机的 Emulated Performance 下选择 Hardware - GLES 2.0 来开启硬件加速。
  4. 点击 Finish,完成即可。

同意 Android 协议

在使用 Flutter 前,你必须同意 Android SDK 平台的协议。你可以在安装完上述工具后执行这一步。

  1. 打开一个已经提升管理员权限的终端窗口,运行以下命令进行协议的确认:

    flutter doctor --android-licenses
    
  2. 仔细阅读每条协议后同意。

  3. 当你同意所有协议后,再次运行 flutter doctor 以确认是否已经可以正常使用 Flutter。

编辑工具设定

我使用的是 Visual Studio Code,一个可以运行和调试 Flutter 的轻量级编辑器。你可以从以下链接下载:

Visual Studio Code 下载链接

下载完成后,打开 VSCode,在扩展栏目中搜索 Flutter,点击 Install 安装,然后重启 VSCode。

接下来通过 Flutter doctor 命令验证是否安装完成:

  1. 打开 View -> Command Palette
  2. 输入 doctor,选择 Flutter: Run Flutter Doctor(需将 VSCode 打开管理员模式,否则 Run Flutter doctor 会失败)。
  3. 打开 OUTPUT 面板查看是否存在错误,根据报错进行修改。

使用 appuploader 简化 iOS 应用发布流程

在开发 iOS 应用时,发布流程可能会比较复杂。为了简化这一过程,你可以使用 appuploader,这是一款专为 iOS 开发者设计的工具,能够帮助你快速上传应用到 App Store,并管理证书和配置文件。

主要功能

  • 一键上传:快速将应用上传到 App Store,无需手动操作 Xcode。
  • 证书管理:自动生成和管理开发证书、发布证书,避免证书过期问题。
  • 配置文件管理:自动生成和管理 Provisioning Profile,确保应用能够正常安装和运行。

使用步骤

  1. 下载并安装 appuploader
    你可以从 appuploader 官网 下载最新版本。

  2. 登录并配置
    打开 appuploader,使用你的 Apple 开发者账号登录。appuploader 会自动检测你的证书和配置文件,并提示你进行必要的更新。

  3. 上传应用
    选择你要上传的 .ipa 文件,appuploader 会自动处理签名和上传过程。你可以在 appuploader 中查看上传进度和日志。

  4. 管理证书和配置文件
    在 appuploader 的证书管理界面,你可以查看当前所有的证书和配置文件,并进行更新或删除操作。

通过使用 appuploader,你可以大大简化 iOS 应用的发布流程,节省大量时间和精力。

总结

至此,Flutter 开发环境的配置已经完成。你可以开始使用 Flutter 进行跨平台应用的开发。如果在 iOS 应用发布过程中遇到问题,不妨试试 appuploader,它将帮助你更高效地管理证书和上传应用。

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐