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热门的扩展插件:

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 版本的压缩包

八、配置环境变量

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教程

相关推荐
朴拙数科25 分钟前
mysql报错解决 `1525 - Incorrect DATETIME value: ‘0000-00-00 00:00:00‘`
android·数据库·mysql
nicepainkiller32 分钟前
Flutter 内嵌 unity3d for android
flutter·unity3d
恋猫de小郭34 分钟前
Flutter Web 正式移除 HTML renderer,只支持 CanvasKit 和 SkWasm
前端·flutter·html
江上清风山间明月37 分钟前
flutter编译e: Daemon compilation failed: null java.lang.Exception错误解决
java·flutter·exception·daemon·compilation
大G哥37 分钟前
Flutter如何调用java接口如何导入java包
java·开发语言·flutter
xiegwei2 小时前
rocky linux 安装 android studio 并运行 模拟器
linux·运维·android studio
1登峰造极2 小时前
scroll-view 实现滑动显示,确保超出正常显示,小程序app,h5兼容
android·小程序
刘争Stanley2 小时前
Android 15(V)新功能适配,雕琢移动细节之美
android·kotlin·android 15·android v
小狗爱世界2 小时前
深入解析Binder源码
android·binder
qq_214670352 小时前
android 聊天界面键盘、表情切换丝滑
android·gitee