Flutter Android环境搭建:

1.下载安装配置JDK (版本 java version “19.0.2” 2023-01-17)
2.下载安装Android Studio (版本 2022.1.1 Patch 1)打开Android Studio 工具下载安装Flutter、dart插件
3.下载配置Flutter Sdk (版本 Flutter3.7.3以上的版本)
4.配置Flutter国内镜像
5.运行 flutter doctor命令检测环境是否配置成功,根据提示配置安装对应软件
6.新建第一个Flutter项目

(一)、电脑下载安装配置JDK

1.下载安装JDK(19.0.2版本)

网页地址:https://www.oracle.com/java/technologies/downloads/#jdk19-windows
在这里插入图片描述
在这里插入图片描述
找到Java存档部分
在这里插入图片描述
在这里插入图片描述

2.配置JDK(19.0.2版本)

**提示:**在jdk安装完成后查看jdk版本

java --version

1.系统变量新增JAVA_HOME,设置jdk下载的根目录
在这里插入图片描述
2.系统变量找到Path 在Path环境变量里面增加如下代码 (提示jdk19无需配置jre)

%JAVA_HOME%bin

在这里插入图片描述


(二)、下载Android Studio

1.官方:https://developer.android.google.cn/studio

教程部分在我上一篇文章有讲Android Studio下载安装教程
下载好之后需要安装两个插件(Flutter、dart)
在这里插入图片描述

在这里插入图片描述


(三)、下载配置Flutter Sdk

1.下载Flutter SDK

网址:Archive|Flutter

2.把下载好的Flutter SDK随便减压到你想安装Sdk的目录

如减压到(F:\flutter_windows\flutter_windows_3.0.4\flutter)
在这里插入图片描述

3.把 Flutter安装目录的bin目录配置到环境变量

如上图所示需要把F:\flutter_windows\flutter_windows_3.0.4\flutter\bin目录配置到path环境变量里面
在这里插入图片描述


(四)、配置Flutter国内镜像

  • 搭建环境过程中要下载很多资源文件,当一些资源下载不了的时候,可能会报各种错误。在国内访问
    Flutter的时候有可能会受到限制。Flutter官方为我们提供了国内的镜像。
    https://flutter.dev/community/china
    https://flutter-io.cn/
    1.拉到Flutter中文网最下面有配置方式,把下面两句配置到环境变量里面
    在这里插入图片描述

Flutter 社区镜像

 FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn  
 PUB_HOSTED_URL:    https://pub.flutter-io.cn 

清华大学 TUNA 协会镜像

FLUTTER_STORAGE_BASE_URL: https://mirrors.tuna.tsinghua.edu.cn/flutter 
PUB_HOSTED_URL: https://mirrors.tuna.tsinghua.edu.cn/dart-pub

2.运行 flutter doctor命令检测环境是否配置成功
在这里插入图片描述
第一次执行可能会提示下面错误:

1、错误一: cmdline-tools component is missing

在这里插入图片描述
解决方法:安装cmdline-tools 以及配置android- licenses

  • 安装cmdline-tools
    在这里插入图片描述
    在这里插入图片描述

  • 配置android-licenses
    在这里插入图片描述
    复制上面红色框框内的命令,即

  • flutter doctor --android-licenses
    注意:提示输入Y/N的地方全部输入Y
    在这里插入图片描述


2、错误二: Visual Studio not installed (如果只是开发Flutter APP可以忽略此错误信息)
在这里插入图片描述
解决方法:安装Visual Studio
Visual Studio主要用于flutter 桌面软件开发,如果您只是开发flutter app可以不用安装Visual Studio https://visualstudio.microsoft.com/zh-hans/downloads/
在这里插入图片描述

3、错误三: Android Studio Unable to find bundled Java version.
在这里插入图片描述
Android Studio Unable to find bundled Java version 解决方法:

如果是macOS系统,在jbr同目录下创建一个jre目录,然后将jbr目录内的全部文件复制一份到jre目录下即可。
如果是Windows系统,jre目录是存在的,不过里面几乎没东西,可以直接将jbr目录内的全部文件复制一份到jre目录下即可
在这里插入图片描述

(五)、创建运行Flutter项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
通过flutter devices 可以检测检测可用的设备

创建后可能遇到的错误

1、导入项目提示Gradle相关错误

在这里插入图片描述
如果报错点击Flie->Sync Project With Gradle Files重新下载Gradle ,这个过程比较慢10-30分钟左右。
在这里插入图片描述
按照上面方法重试后Gradle 还是失败的解决方法
1、开启手机热点重试
2、谷歌或者百度搜索 “android Gradle编译时下载依赖失败”


🚀 环境配置完成,但仍有问题?
运行 flutter doctor 检查环境是否全部通过
确认 Android Studio 的 Flutter & Dart 插件已安装
检查 gradle.properties 镜像配置是否正确
如果还是卡住,可以在 GitHub 讨论区 或 博客评论区 留言,附上错误日志,我会协助分析!
📌 你的反馈能帮助更多开发者少走弯路


🔍 接下来该学什么?
环境搭好了,可以开始探索 Flutter 的更多可能:
📚 Flutter 官方文档
🎥 Flutter 实战免费教程
💡 我的下一篇文章会分享《Flutter 基础语言Dart核心要点》
⭐ 收藏本文,方便后续查阅。关注我,获取更多 Flutter & Android 开发技巧!

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐