新人学习Flutter,如何搭建开发环境(附所有安装包)

如果你已经具备 Flutter 的开发环境,可以直接跳过本篇内容。本篇主要面向第一次接触 Flutter 的同学,尤其是对跨平台开发还不太熟悉的人。

Flutter 可以用于开发 AndroidiOSWindowsmacOSLinux 以及 Web 应用,看起来选择很多,但并不建议一开始就尝试所有平台。对学习来说,目标越聚焦,效率越高。

如果是刚接触编程,或者之前主要做的是后端开发,更推荐从 Android 平台 开始学习 Flutter。一方面,Android 的开发门槛相对较低,只需要一台 Windows 电脑即可;另一方面,Android 应用的调试、安装和分享流程都比较直接,更容易获得正反馈。

如果你之前做过 iOS 开发,或者手头本来就有 Mac 设备,也可以直接选择 iOS 平台。对于 Flutter 的入门阶段来说,各个平台之间的差异并不大,不需要在一开始就纠结平台选择。


在正式介绍 Flutter 环境搭建之前,先用一个不太严谨但好理解的比喻。

如果把开发一个应用看成做一道 家常菜,那么:

  • Flutter SDK 提供的是 原材料
  • IDE(开发工具)相当于 厨具
  • 运行在手机或模拟器上的应用,就是 端上桌的成品

原材料不齐,做不了菜;厨具不顺手,过程会非常痛苦。环境搭建解决的,就是把这些东西准备好的问题。


一、Flutter SDK 下载与安装

Flutter 环境中最核心的部分,是 Flutter SDK。

下载地址如下:

https://pan.quark.cn/s/6784f1e7b74b

进入页面后,根据操作系统选择对应的稳定版本。一般情况下,选择 Stable 渠道即可,不需要刻意追求最新的 Beta 或 Dev 版本。

以 Windows 系统为例,下载完成后得到的是一个压缩包,解压到任意目录即可。路径中尽量避免中文和空格,后续配置环境变量时会更省事。


配置环境变量

为了能在任意目录下使用 flutter 命令,需要将 Flutter SDK 中的 bin 目录加入系统的 Path 环境变量。

例如:

复制代码
D:\flutter\bin

配置完成后,重新打开命令行窗口,执行:

bash 复制代码
flutter --version

如果能正常输出 Flutter 版本信息,说明 SDK 已经可以正常使用。


国内镜像配置(可选)

在国内网络环境下,直接访问官方仓库可能会遇到依赖下载缓慢或失败的问题,可以提前配置 Flutter 官方提供的镜像地址。

在系统环境变量中新增以下两个变量:

复制代码
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

配置完成后,Flutter 在拉取依赖和工具链时会更稳定一些。


二、开发工具(IDE)的选择

写 Flutter 代码并不依赖某一个特定的编辑器,只要支持 Dart 和 Flutter 插件即可。

常见选择包括:

  • Android Studio
  • Visual Studio Code
  • IntelliJ IDEA

从整体体验来看,更推荐 Android Studio,原因主要有三点:

  1. 自带完整的 Android SDK 管理能力
  2. 调试工具比较完善,日志和断点都很直观
  3. 模拟器创建和管理相对集中,不需要额外配置

如果你更习惯轻量编辑器,VS Code 也是完全可行的,只是 Android 相关配置需要多花一点时间。


Android Studio 安装

下载地址:

https://pan.quark.cn/s/350c3c434800

下载完成后直接安装即可,安装过程中基本保持默认选项就行。

首次启动时,Android Studio 会引导下载 Android SDK 和一些基础组件,耐心等待即可。


安装 Flutter 和 Dart 插件

在 Android Studio 中打开:

复制代码
Settings / Plugins

搜索并安装以下两个插件:

  • Dart
  • Flutter

安装完成后重启 Android Studio,开发工具就准备好了。


三、创建 Flutter 项目

插件安装完成并重启后,在新建项目界面中可以看到 Flutter Project 选项。

创建过程中需要指定 Flutter SDK 的路径,也就是前面解压的 Flutter 目录。

随后填写项目的基本信息,包括:

  • 项目名称
  • 存放路径
  • 包名(一般采用反向域名形式)

完成后,Android Studio 会自动生成一个 Flutter 示例项目。


这个项目默认是一个简单的计数器应用,后续学习中会频繁用到它,不需要手动删除或修改。


四、Android 模拟器配置与运行

为了运行 Flutter 应用,需要至少一个 Android 设备,可以是真机,也可以是模拟器。

如果使用模拟器,建议在系统环境变量中配置 ANDROID_HOME,值为 Android SDK 所在目录。


创建模拟器

在 Android Studio 顶部工具栏中打开 Device Manager,选择创建新设备。

设备型号可以按个人喜好选择,一般中等尺寸即可。

在硬件配置中,建议适当调高 RAM 参数,避免在运行 Flutter 项目时出现内存不足的问题。


下载系统镜像

系统镜像通常选择较新的稳定版本即可,不需要刻意追求最新 API。

镜像下载完成后,模拟器就可以启动运行。


五、运行 Flutter 项目

模拟器启动后,在 Android Studio 顶部选择当前设备,点击运行按钮。

项目首次运行时间可能稍长,主要是依赖和构建过程较多,属于正常现象。

运行成功后,可以在模拟器中看到一个带有加号按钮的计数器应用。点击右下角按钮,数字会不断增加,这说明 Flutter 项目已经可以正常运行。


相关推荐
Ahtacca2 小时前
保姆级教程:Obsidian + PicGo + Gitee 搭建免费稳定的自动化图床
运维·笔记·学习·gitee·自动化
子榆.2 小时前
Flutter 与开源鸿蒙(OpenHarmony)性能调优实战:从启动速度到帧率优化的全链路指南
flutter·开源·harmonyos
我的xiaodoujiao3 小时前
使用 Python 语言 从 0 到 1 搭建完整 Web UI自动化测试学习系列 35--二次封装MySQL数据库连接操作
python·学习·测试工具·pytest
inputA3 小时前
【rt-thread】点灯实验和按键输入实验
c语言·笔记·学习·实时操作系统
Radan小哥3 小时前
Docker学习笔记—day013
笔记·学习·docker
子榆.3 小时前
Flutter 与开源鸿蒙(OpenHarmony)安全加固实战:防逆向、防调试、数据加密全攻略
flutter·开源·harmonyos
PNP Robotics3 小时前
聚焦具身智能,PNP机器人展出力反馈遥操作,VR动作捕捉等方案,获得中国科研贡献奖
大数据·人工智能·python·学习·机器人
黑客思维者3 小时前
机器学习016:监督学习【分类算法】(支持向量机)-- “分类大师”入门指南
人工智能·学习·机器学习·支持向量机·分类·回归·监督学习
xiaobuding_QAQ3 小时前
51汇编仿真proteus8.15学习篇一(附源码)
汇编·单片机·学习·proteus