第1天:搭建 flutter 和 Android 环境

文章目录

  • [一、安装 flutter](#一、安装 flutter)
    • [1.1 使用 git 方式下载](#1.1 使用 git 方式下载)
    • [1.2 官网下载](#1.2 官网下载)
    • [1.3 添加环境变量](#1.3 添加环境变量)
    • [1.3 查看 flutter 安装结果](#1.3 查看 flutter 安装结果)
  • [二、Android Studio 安装](#二、Android Studio 安装)
  • [三、flutter 配置 Android 环境](#三、flutter 配置 Android 环境)
  • 明天计划

今日目标

1.安装 Flutter 开发环境

2.安装 Android Studio 开发环境

作者实际环境为 windows 环境

一、安装 flutter

1.1 使用 git 方式下载

安装 git 软件,一路下一步即可。安装完毕后,输入

git 复制代码
git clone https://github.com/flutter/flutter.git

由于网络原因大概率会无法下载。大佬可以使用。小白建议忽略。

1.2 官网下载

flutter官网的下载地址,选择对应的平台版本进行下载。

我选择的是 3.41.2 stable channel。下载完毕后,解压到自己的指定路径下,注意路径不能有中文。

1.3 添加环境变量

在用户变量的 path 中添加 flutter 的 bin 路径,例如,我的 flutter 是解压到 D:\software,需要复制 flutter 的 bin 路径进行添加。

总共需要添加 3 个:

  • 在 path 中添加 bin 路径,
  • 新增 FLUTTER_STORAGE_BASE_URL 变量,值为 https://mirrors.aliyun.com/flutter/,大部分文章中这个值为 https://storage.flutter-io.cn 但是在后续测试的时候,发现这个地址存在一定的问题。建议换成 aliyun 的代理。这个变量的作用是:指定 Flutter SDK 相关资源(比如 Gradle 依赖、引擎包、编译所需的核心文件)的下载源。
  • 新增 PUB_HOSTED_URL 变量,值为 https://pub.flutter-io.cn,具体的作用是:指定 Flutter 第三方包(比如 Dio、Provider 这些你后续开发要用到的插件)的下载源(Flutter 的包管理工具叫 pub)。

1.3 查看 flutter 安装结果

  • 查看 flutter 是否安装成功 flutter --verison;如果能正常显示版本,则说明安装成功。
  • 查看 flutter 运行环境 flutter doctor -v

    实际查看的时候,下面还有 Android,chrome,visual Studio 环境的排查,有需要可以进一步的完善。最后会显示可用的设备。

    至此,flutter 安装完毕。

二、Android Studio 安装

2.1官网下载
2.2 点击后会弹出条款对话框,下拉到最后,勾选同意,然后再点击下载。

2.3. 下载完毕后,除了需要注意的是遇到路径设置的,一定要将 C 盘 改到其他磁盘中。其他一路下一步即可。

把路径改成非 C 盘。

如果之前安装过 Android studio,会提示先卸载旧版本,这里变更安装地址后,点下一步即可。

2.4.安装完毕后,点击运行,这里点击 don't send 即可。

2.5.因为现在没有安装 SDK,这里先点 cancle,然后点 next。

2.6.这里选择 custom 模式,可以变更路径。

2.7.这里修改路径,不建议放到 c 盘。

2.8.然后一路下一步,到这里点击 accept 后下一步。

三、flutter 配置 Android 环境

3.1 打开 Android studio 后,安装相关插件

图片与实际有一定的区别,应为我这个已经装了插件,所以会显示 New Flutter Project ,装插件前是没有这个。

3.2 安装 flutter 插件。安装完毕后,会自动安装 dart 插件。

3.3 安装 sdk

同时需要在图片中 指定 sdk 文件的位置。

3.4 添加 ANDROID_AVD_HOME 和 Android_SDK 这两个变量,第一个是虚拟设备的文件地址,第二个是 sdk 的地址路径。

在 path 中添加 下图四个值。具体为什么设置忘了,映像中是在下一步接受安卓协议的时候报的一些错误。

3.5 打开终端, flutter doctor --android-licenses 让 flutter 接受安卓协议。

3.6 再次输入 flutter doctor -v,显示如下信息表示配置成功。

需要注意的是,整个安装过程中,所涉及到的路径中不能含有中文路径。

明天计划

创建一个 flutter 项目,并执行。


欢迎关注我,一起从零做 App。

也欢迎各位大佬在评论区指点我这个小白,感激不尽!

相关推荐
常利兵17 分钟前
解锁Kotlin:数据类与密封类的奇妙之旅
android·开发语言·kotlin
sunfdf1 小时前
无需密码即可解锁 Android 手机的 5 种方法
android·智能手机
Ln5x9qZC24 小时前
Laravel AI SDK 正式发布
android·人工智能·laravel
huwuhang5 小时前
跨平台电子书阅读器 | Readest最新版 安卓版+PC版全平台
android·前端·javascript
Gse0a362g6 小时前
推荐 PHP 属性(Attributes) 简洁读取 API 扩展包
android·开发语言·php
十六年开源服务商6 小时前
WordPress服务器响应时间优化终极指南2026
android·运维·服务器
芙莉莲教你写代码6 小时前
Flutter 框架跨平台鸿蒙开发 - 科学实验指南应用
flutter·华为·harmonyos
不爱吃糖的程序媛6 小时前
Flutter鸿蒙PC应用开发实践:从零到运行
flutter·华为·harmonyos
jwn9996 小时前
PHP vs Go:后端开发选谁更胜一筹?
android
芙莉莲教你写代码6 小时前
Flutter 框架跨平台鸿蒙开发 - 赛车游戏
flutter·游戏