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

Flutter:开发环境搭建和Android Studio创建Flutter Project

一、系统要求

在安装和运行 Flutter 前,你的 macOS 或者 Windows 环境必须满足以下要求:

二、硬件要求

  • macOS Flutter 开发环境必须满足以下最低硬件要求。
    在这里插入图片描述
  • Windows Flutter 开发环境必须满足以下最低硬件要求。
    在这里插入图片描述

三、软件要求

要为 Android 编写和编译 Flutter 代码,请安装以下软件包。

提醒
无需单独安装 Dart,因为 Flutter SDK 包含了完整的 Dart SDK

四、操作系统

  • Flutter 支持 64-bit version of Microsoft Windows 10 或更高版本。这些版本的 Windows 必须包含 Windows PowerShell 5 或更高版本。
  • Flutter 支持在 macOS 11 (Big Sur) 或更高版本上开发。本指南假定你的 Mac 默认运行 zsh shell。

五、开发工具

5.1 下载并安装以下软件包的 Windows 版本
  • Git for Windows 2.27 或更高的版本来管理源代码。
  • Android Studio 2023.3.1 (Jellyfish) 或更高版本来调试和编译 Android 的 Java 或 Kotlin 代码。 Flutter 需要完整版本的 Android Studio。
5.2 下载并安装以下软件包的 mac OS版本
  • Android Studio 2023.3.1 (Jellyfish) or later to debug and compile Java or Kotlin code for Android. Flutter requires the full version of Android Studio.
    Android Studio 2023.3.1 (Jellyfish) 或更高版本来调试和编译 Android 的 Java 或 Kotlin 代码。 Flutter 需要完整版本的 Android Studio。
  • Git 2.27 或更高版本来管理源代码。To check if you have git installed, type git version in your Terminal. If you need to install git, type brew install git.
    如果需要检查是否安装了 git,请在终端中输入 git version。如果需要安装 git,请输入 brew install git。

上述软件的开发商为这些产品提供支持。如果需要排查安装的问题,请查阅该产品的文档。

当你在当前版本运行 flutter doctor 的时候,它可能会列出这些软件包的其他不同版本。如果出现这种情况,请安装它推荐的版本。

六、文本编辑器或集成开发环境 (IDE)

可以使用任意文本编辑器或集成开发环境 (IDE),并结合 Flutter 的命令行工具,来使用 Flutter 构建应用程序。

使用带有 Flutter 扩展或插件的 IDE 会提供代码自动补全、语法高亮、widget 编写辅助、调试以及其他功能。

以下是windows热门的扩展插件:

  • Visual Studio Code 1.77 或更高版本使用 Flutter extension for VS Code。
  • Android Studio 2023.3.1 (Jellyfish) 或更高版本使用 Flutter plugin for IntelliJ.
  • IntelliJ IDEA 2023.3 或更高版本使用 Flutter plugin for IntelliJ.

以下是macOS热门的扩展插件:

  • Visual Studio Code 1.77 或更高版本使用 Flutter extension for VS Code。
  • Android Studio 2023.3.1 (Jellyfish) 或更高版本使用 Flutter plugin for IntelliJ。
  • IntelliJ IDEA 2023.3 或更高版本使用 Flutter plugin for IntelliJ 和 Android plugin for IntelliJ。

推荐
Flutter 团队推荐安装 Visual Studio Code 1.77 或更高版本并搭配 Flutter extension for VS Code。这样搭配可以简化 Flutter SDK 的安装。

七、安装 Flutter SDK

可以使用 VS Code Flutter 扩展或自行下载安装 Flutter 压缩包,来安装 Flutter SDK。

7.1 自行下载并安装 Flutter

从归档列表中下载 Flutter SDK 压缩包,将压缩包移动到你想要的位置,然后解压 SDK,以此来安装 Flutter。

下载以下 Flutter SDK 最新 stable 版本的压缩包

  • windows
    flutter_windows_3.24.5-stable.zip
  • macOS
    1. Intel 处理器
      flutter_macos_3.24.5-stable.zip
    2. Apple Silicon 处理器
      flutter_macos_arm64_3.24.5-stable.zip

关于其他发布渠道和旧版本,请查阅 Flutter SDK 归档列表。

八、配置环境变量

8.1 Windows PATH 环境变量

将 Flutter 添加到 PATH 环境变量后,才能在 PowerShell 中运行 Flutter 指令。

  • 按下快捷键 windows 10系统
    Windows + Fn + Pause,打开系统设置页面
  • 单击 高级系统设置 > 高级 > 环境变量…
    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述
8.2 验证安装

运行 flutter --version 查看flutter SDK 版本

在这里插入图片描述

运行 flutter doctor 来验证安装

在这里插入图片描述

Android SDK 安装 Command-line Tools

在这里插入图片描述

运行 flutter doctor -v 检查开发配置

在这里插入图片描述

九、在中国网络环境下使用 Flutter

9.1 使用 Flutter 镜像站点

China Flutter User Group (CFUG) 维护着一个 Flutter 简体中文网站 https://flutter.cn 以及镜像。

9.2 配置电脑使用Flutter镜像站点

在中国安装和使用 Flutter,请使用可信的 Flutter 镜像。这需要在你的机器上设置两个环境变量。


以下所有示例均假定你正在使用 CFUG 的镜像。

9.2.1 配置windows系统环境变量
  • 按下快捷键 windows 10系统
    Windows + Fn + Pause,打开系统设置页面
  • 单击 高级系统设置 > 高级 > 环境变量…

在这里插入图片描述

将 PUB_HOSTED_URL 设置为镜像站点

在这里插入图片描述

将 FLUTTER_STORAGE_BASE_URL 设置为镜像站点

在这里插入图片描述

运行 flutter doctor 来验证安装
此过程需要使用 Powershell
在 Powershell 中打开新窗口

在这里插入图片描述

如上图所示; Network resources前面显示绿色对号,说明flutter镜像站点配置成功

下面是在dos窗口运行 flutter doctor

在这里插入图片描述

9.2.2 配置macOS系统环境变量
  1. 在 terminal 中打开新窗口,准备运行脚本。
  2. 将 PUB_HOSTED_URL 设置为镜像站点。
    export PUB_HOSTED_URL="https://pub.flutter-io.cn"
  3. 将 FLUTTER_STORAGE_BASE_URL 设置为镜像站点。
    export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
9.3 下载基于镜像站点的 Flutter SDK 压缩包

需要从镜像中的 SDK 版本列表 下载 Flutter, 请将 storage.googleapis.com 替换为你信任的镜像站点 URL。在浏览器或其他应用程序中使用镜像站点(如 IDM 或 Thunder)将提高下载速度。

下面的示例展示了如何将下载 Flutter 的 URL,从 Google 更改为 CFUG 的镜像。

要下载 Windows 3.24.5版本的 Flutter SDK

非镜像站点下载地址,需要将原始 URL:

https://storage.googleapis.com/flutter_infra_release/releases/stable/windows/flutter_windows_v3.13.0-stable.zip

改为镜像 URL:

https://storage.flutter-io.cn/flutter_infra_release/releases/stable/windows/flutter_windows_3.24.5-stable.zip

提示
并非所有镜像都支持直接从 URL 下载。

十、开始使用 Flutter 开发 Android 应用

10.1 安装Dart和Flutter插件

打开Android Studio Settings界面

在这里插入图片描述

插件都安装完后重启Android Studio

10.2 创建Flutter Project

新建 Flutter Poject

在这里插入图片描述

配置Flutter SDK

在这里插入图片描述

在这里插入图片描述

改成小写字母后,点击create

下载依赖

在这里插入图片描述

效果图

在这里插入图片描述

十一、推荐

Flutter教程


http://www.mrgr.cn/news/79707.html

相关文章:

  • Harbor 仓库部署(docker-compose 部署方式)
  • coco数据集转换SAM2格式
  • 文件下载和图片预览 Blob FileReader
  • SQL汇总数据:聚集函数
  • linux系统使用nginx代理mysql数据库
  • 分布式 CAP理论 总结
  • 【视频笔记】408新增知识点信号——里昂视频
  • 手里有病理切片+单细胞测序的数据,如何开展医工交叉的研究?
  • 【CSS in Depth 2 精译_073】第 12 章 CSS 排版与间距概述 + 12.1 间距设置(中):对 CSS 行高的深入思考
  • vue中父组件接收子组件的多个参数的方法:$emit或事件总线
  • Vue框架入门
  • 解决前后端分离跨域产生的session丢失问题
  • 一个直接看央视频道的软件,可直接安装到TV
  • DMA代码部分
  • 计算机网络基础知识
  • 基于python+django+vue的购物商城系统
  • 雪花算法详解
  • 正则表达式的高级方法
  • STL之空间配置器allocator
  • 正则化:机器学习中的泛化利器