Flutter开发环境与Android开发环境设置

1. Android Studio下载

官方下载地址:https://developer.android.com/studio

国内镜像下载地址:https://developer.android.google.cn/studio

Android Studio配置指南:https://developer.android.google.cn/studio/intro?hl=zh-cn

1.1 修改 .gradle 文件位置

默认是保存在 %USERPROFILE%\.gradle 文件夹下,为了节约C盘空间,可以设置到其他文件夹。
在这里插入图片描述

1.2 修改 Android SDK 文件保存位置,并下载android版本

在这里插入图片描述

1.3 修改项目保存位置

默认是在 %USERPROFILE%\AndroidStudioProjects 目录(项目多会导致C盘占用大),保存一次后,下次默认会显示上一次的位置:
在这里插入图片描述

1.4 安装Flutter和Dart插件

File>Settings>Plugins里搜索Flutter插件然后点击Install安装
在这里插入图片描述
第一次安装Flutter会提示安装Dart插件,点击Install按钮
在这里插入图片描述
然后重启IDE使插件生效。

2. 设置Flutter镜像(非必须)

由于在国内访问Flutter可能会受到限制,可以在环境变量中配置

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

镜像地址从 Using Flutter in China 中获取最新可用的。

3. 获取Flutter SDK

3.1 下载安装包

官方下载:https://docs.flutter.dev/development/tools/sdk/releases

根据自己的环境下载最新稳定版本(Stable channel),当前最新版是3.7.0

在这里插入图片描述
下载完成后,解压到某一位置,D:\flutter_windows_3.7.0-stable\flutter

3.2 配置环境变量

设置系统环境变量:
在这里插入图片描述
添加用户环境变量的Path:
在这里插入图片描述
设置完成后,在cmd命令行执行flutter doctor来检查flutter环境是否正常。如果有问题会显示红色的X,根据具体情况自行解决,再进行检查。

flutter doctor 常见问题:

  1. 缺少安装插件 cmdline-tools component is missing

在这里插入图片描述

  1. Android license status unknown.

执行 flutter doctor --android-licenses ,如果报错版本问题一般是Android Studio自带了jdk版本与JAVA_HOME配置的jdk版本冲突了,可以检查 JAVA_HOME 环境变量,将路径设置为D:\Android Studio\jre 或者在File>Project Structure>SDKs 修改jdk统一路径。

再执行 flutter doctor --android-licenses 并同意各种协议。

  1. Unable to find bundled Java version.

切换到Android Studio目录执行 mklink /D "jre" "jbr"

  1. Windows Version (Unable to confirm if installed Windows version is 10 or greater)

根据 issues - Cantasura 评论步骤修改 https://github.com/flutter/flutter/issues/117890

在这里插入图片描述

3.3 Android 开发环境设置

3.3.1 创建android模拟器

在菜单 Tools > Device Manager 点击 Create device 创建设备
在这里插入图片描述
默认提供了一些设备,
在这里插入图片描述
选择镜像并下载,建议选择 x86 或 x86_64
在这里插入图片描述
点击下一步,在Emulated Performance下,选择 Hardware-GLES 2.0 以启用硬件加速;

PS : 带有 Google Play 的设备无法设置Emulated Performance

在这里插入图片描述
点击 Finish 创建成功,运行模拟器。
在这里插入图片描述

3.3.2 Android Studio创建Flutter项目

在 Android Studio 打开 File > New > New Flutter Project,选择SDK路径:
在这里插入图片描述
点击Next,填写项目名称,配置Android和iOS语言,点击 Create:
在这里插入图片描述
选择安卓模拟器,运行结果
在这里插入图片描述

3.3.3 VS Code创建Flutter项目

VSCode 需要安装插件:Dart 、Flutter相关插件
快捷键 Ctrl + Shift + P 执行命令 >flutter: New Project,选择 Application 应用,选择一个空的文件夹,填写 Project Name,会自动生成项目文件,自动执行flutter pub get 安装依赖:
在这里插入图片描述
控制台运行命令 flutter run 选择一个平台进行运行:
在这里插入图片描述

3.3.4 真机运行

  • 手机数据线连接电脑
  • 手机开启开发者模式和USB调试
  • Android Studio 选择真机设备,点击运行

等待安装完成后:
在这里插入图片描述

3.3.5 Windows平台运行

选择windows设备运行结果
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/zy1281539626/article/details/128794790