Flutter环境搭建【win10虚拟机】+夜神模拟器【主机】

最新推荐文章于 2024-06-09 22:09:35 发布
最新推荐文章于 2024-06-09 22:09:35 发布
阅读量1.5k 收藏 13
点赞数 18
分类专栏： flutter 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38880380/article/details/135867415
版权

Flutter环境搭建

0 Android Studio 与 VS Code 资源消耗对比

在这里插入图片描述
在这里插入图片描述

1 系统配置要求

为了安装和运行 Flutter，你的开发环境必须至少满足以下要求：

  • 操作系统：Windows 10 或更高的版本（基于 x86-64 的 64 位操作系统）。
  • 磁盘空间：除安装 IDE 和一些工具之外还应有至少 2.5 GB 的空间。
  • 工具：要让 Flutter 在你的开发环境中正常使用，依赖于以下的工具：
    • Windows PowerShell 5.0 或者更高的版本（Windows 10 中已预装）
    • Git for Windows 2.x，并且勾选从 Windows 命令提示符使用 Git 选项。
      如果 Windows 版的 Git 已经安装过了，那么请确保能从命令提示符或者 PowerShell 中直接执行 git 命令。

2 Flutter SDK

2.1 获取 Flutter SDK

https://flutter.cn/docs/release/archive?tab=windows

选择 flutter_windows 3.16.8-stable.zip

2.2 解压

将压缩包解压，然后把其中的 flutter 目录整个放在你想放置 Flutter SDK 的路径中。

2.3 更新 path 环境变量

在开始菜单的搜索功能键入「env」，然后选择 编辑系统环境变量。
在这里插入图片描述

Dart SDK 要兼容 Flutter SDK

Flutter SDK 在 flutter 命令脚本的同级目录下增加了 dart 命令，你可以更方便地运行 Dart 命令行程序。下载 Flutter SDK 时也会下载对应版本的 Dart SDK，但如果你单独下载了 Dart SDK，请确保 Flutter SDK 内的 dart 在你的环境变量中排在首位，因为单独的 SDK 可能并不兼容 Flutter SDK。下面的命令展示了 flutter 和 dart 是否来自相同的 bin 目录，并且是否可以兼容使用。

where flutter dart

在这里插入图片描述

双击 flutter_console.bat 输入 flutter doctor 检测环境

在这里插入图片描述
在这里插入图片描述

3 VS code 与插件

3.1 安装 VS code

3.2 安装 flutter 插件

在这里插入图片描述
flutter插件安装成功后应该会自动安装dart插件
在这里插入图片描述

3.3 查看 flutter 项目

快捷菜单查看 flutter 项目
在这里插入图片描述

4 Java 环境

Flutter开发需要有Java的支持。

4.1 JDK 版本

  • JDK 1.0（1996年1月23日发布）
  • JDK 1.1（1997年2月19日发布）
  • JDK 1.2（1998年12月8日发布）
  • JDK 1.3（2000年5月8日发布）
  • JDK 1.4（2002年2月6日发布）
  • JDK 5.0（2004年9月30日发布）
  • JDK 6（2006年12月11日发布）
  • JDK 7（2011年7月28日发布）
  • JDK 8（2014年3月18日发布）
  • JDK 9（2017年9月21日发布）
  • JDK 10（2018年3月20日发布）
  • JDK 11（2018年9月25日发布）
  • JDK 12（2019年3月19日发布）
  • JDK 13（2019年9月17日发布）
  • JDK 14（2020年3月17日发布）
  • JDK 15（2020年9月15日发布）
  • JDK 16（2021年3月16日发布）
  • JDK 17（2021年9月发布）
  • JDK 18（2022年3月发布）
  • JDK 19（2022年9月发布）
  • JDK 20（2023年3月发布）
  • JDK 21（2023年9月发布）

4.2 下载

https://www.oracle.com/java/technologies/downloads/#jdk21-windows

JDK21 【放弃，Android SDK Tools r24.4.1 不兼容该版本？】

在这里插入图片描述

JDK17

在这里插入图片描述

4.3 安装 & 环境配置

JDK21下载+安装+环境配置教程(Windows系统)

4.4 查看版本

java -version
在这里插入图片描述
在这里插入图片描述

4.5 测试

welcome.java

public class Welcome {
	public static void main(String[] args) {
		System.out.println("Hello world!");
	}
}

java welcome.java
在这里插入图片描述

5 Android 环境 SDK 【体积大】【如下尝试都失败，借用Android Studio来安装】

5.1 exe安装失败，放弃 【JDK21】

https://www.androiddevtools.cn/
在这里插入图片描述
在这里插入图片描述

5.1 exe安装成功 【JDK17】

在这里插入图片描述

选项

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

安装

在这里插入图片描述

如下报错，处理：【放弃】

Downloading Google Play lntel x86 Atom 64 System lmage, Android API R, revision 2Download finished with wrong size. Expected 1313831742 bytes, got 1313824374 bytes.
(1) 相应压缩包已经下载到本地，找到压缩包
(2) Android\android-sdk\temp
在这里插入图片描述
(3) 解压到当前目录

也失败

在这里插入图片描述

离线安装【暂不安装】

Android System Image - Google API PlayStores Intel Atom x86 System Images Direct Download

根据提供的路径下载安装包到本地
Google SDK 分析

Google API intel x86 atom and Google Play intel x86 atom sytem image

Google API Intel x86 Atom System Image 是用于开发和测试的，它包含了 Android 操作系统的核心功能和 API，但不包含 Google Play 商店或专有应用程序。这意味着使用这个系统映像，你可以在模拟器上运行和测试自己的应用程序，但无法直接访问 Google Play 商店来安装其他应用程序。

而 Google Play Intel x86 Atom System Image 则包含了 Google Play 商店和专有应用程序，这使得你可以在模拟器上模拟完整的 Android 设备体验，包括访问 Google Play 商店和应用商店。但是，这个系统映像的使用有一些限制，例如没有 root 访问权限，并且主要用于生产和测试目的，而不是用于开发。

5.2 解压安装，半成功 【JDK21】【放弃】

在这里插入图片描述
【Android】SDK安装及配置

rem Check we have a valid Java.exe in the path.
set java_exe=E:\Java\jdk-21\bin\java.exe
  • 选项
    一般根据默认推荐安装即可。如果自选，必选项：
    • Android SDK Tools：基础工具包，版本号带rc字样的是预览版。
    • Android SDK Platform-tools：从android2.3开始划出此目录，存放公用开发工具，比如adb、sqlite3等，被划分到了这里。
    • Android SDK Build-tools：Android项目构建工具。
    • SDK Platform：对应平台的开发工具，需要下载Android xxx（API xx）的版本里面已经包含了。
    • Android xxx（API xx） ：可选的各平台开发工具，一般选择最新版本即可。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

下载失败

在这里插入图片描述

6 安装 Android Studio

Flutter 依赖 Android Studio 的全量安装来为其提供 Android 平台的支持 包括Android SDK。

6.1 下载地址

https://developer.android.google.cn/studio?hl=zh-cn

【2023最新】Android Studio + JDK11安装配置一条龙

以管理员权限安装，否则报错如下：
在这里插入图片描述

6.2 Android Studio 中 Android SDK 下载如下4个 SDK Tools

  • Android SDK Build-Tools
  • Android SDK Command-line Tools
  • Android SDK Platform-Tools
  • Android sDK Tools

在这里插入图片描述

防止出现如下类似报错：

✗ cmdline-tools component is missing
  Run `path/to/sdkmanager --install "cmdline-tools;latest"`

6.3 为 flutter 配置 Android SDK 目录 【flutter doctor】

flutter config --android-sdk “E:\Android\Android SDK”

6.4 Android 许可证状态

运行以下命令以接受Android SDK的许可证：

flutter doctor --android-licenses

配置成功如下

在这里插入图片描述

几个常见问题

几个Flutter常见诊断错误与解决Android toolchain - develop for Android devices X Unable to locate Android SDK

7 下载模拟器 并 配置 [主机中安装，虚拟机中安装太卡]

7.1 模拟器对比

在这里插入图片描述

7.2 模拟器下载安装

7.3 配置模拟器 【同一系统内】

管理员权限打开 cmd，然后进入夜神模拟器目录，输入如下命令：

nox_adb.exe connect 127.0.0.1:62001

如下报错，原因是模拟器没有运行：
unable to connect to 127.0.0.1:62001: cannot connect to 127.0.0.1:62001: 由于目标计算机积极拒绝，无法连接。 (10061)

在这里插入图片描述

7.3 配置模拟器 【虚拟机 + 主机】

网络设置介绍

在这里插入图片描述
NAT转换：大部分虚拟机默认的 NAT 转换，虚拟机能 ping 通主机（如果主机防火墙没问题），但是，主机 ping 不通虚拟机。
桥接网卡：主机与虚拟机能互相 ping 通，虚拟机不能联网。

网卡1：选择桥接网卡；
网卡2：选择nat转换；
虚拟机中配置正确的ip地址（与你主机同一子网）。

VMware虚拟机网络设置

网络设置

虚拟机的网络模式是NAT模式，且NAT模式的网卡是VMnet8
在这里插入图片描述
在这里插入图片描述

w10 虚拟机默认自动获取IP

在这里插入图片描述
也可以自定义IP
在这里插入图片描述

注意：关闭 win10 虚拟机中的防火墙

关闭防火墙后，主机才能 ping 通虚拟机。
在这里插入图片描述

VMware虚拟机上通过adb连接物理机上的Android模拟器 【端口转发】

VMware虚拟机上通过adb连接物理机上的Android模拟器

在主机 Windows 以管理员身份运行cmd，然后执行命令

netsh interface portproxy add v4tov4 listenport=16666 listenaddress=0.0.0.0 connectport=62001 connectaddress=127.0.0.1

listenport: 是自己设定一个端口，可以设定为 16666 ，也可以设成别的;
listenaddress: 是虚拟机的ip，如果你不只一台虚拟机有这个需求，这里也可以设成0.0.0.0，监听所有ip地址向 16666 端口的访问;
connectport: 是原来在Windows连Android模拟器的端口;
connectaddress: 如果你的模拟器就在windows本地开的就127.0.0.1，当然如果想远程连另一台电脑上的，可以改成另一台电脑的ip，同样在那台电脑上也要做端口转发;

然后就可以在虚拟机上通过adb连模拟器（ip是主机，注意这里端口是自定义的 16666 ，不是模拟器原来的21503）

nox_adb.exe connect 192.168.4.63:16666

最后，如果想要删除转发规则，执行命令

netsh interface portproxy delete v4tov4 listenaddress=0.0.0.0 listenport=16666

8 示例

8.1 创建 Demo 工程

同时按下ctrl + shift + p 输入flutter
选择new Project

8.2 启动模拟器

在主机 Windows 以管理员身份运行cmd，然后执行命令

netsh interface portproxy add v4tov4 listenport=16666 listenaddress=0.0.0.0 connectport=62001 connectaddress=127.0.0.1

listenport: 是自己设定一个端口，可以设定为 16666 ，也可以设成别的;
listenaddress: 是虚拟机的ip，如果你不只一台虚拟机有这个需求，这里也可以设成0.0.0.0，监听所有ip地址向 16666 端口的访问;
connectport: 是原来在Windows连Android模拟器的端口;
connectaddress: 如果你的模拟器就在windows本地开的就127.0.0.1，当然如果想远程连另一台电脑上的，可以改成另一台电脑的ip，同样在那台电脑上也要做端口转发;

然后就可以在虚拟机上通过adb连模拟器（ip是主机，注意这里端口是自定义的 16666 ，不是模拟器原来的21503）

nox_adb.exe connect 192.168.4.63:16666

最后，如果想要删除转发规则，执行命令

netsh interface portproxy delete v4tov4 listenaddress=0.0.0.0 listenport=16666

8.3 运行 flutter 项目

可以直接在控制台输入 flutter run，就可以在夜神模拟器打开app
如果需要热更新，则可以点击右上角debug
在这里插入图片描述

8.4 debug版本 在夜神模拟器中运行

在这里插入图片描述
在这里插入图片描述

8.5 release版本 在手机中运行【Android】

release包体积较debug包小很多
android 打包命令: flutter build apk
ios 打包命令: flutter build ios --release

在目录下找到apk，然后下载到手机中安装就行。
在这里插入图片描述

其他

flutter 手机架构问题

https://blog.csdn.net/weixin_44911775/article/details/132306275

方案一：只适配armeabi
优点:基本上适配了全部CPU架构（除了淘汰的mips和mips_64）
缺点：性能低，相当于在绝大多数手机上都是需要辅助ABI或动态转码来兼容

方案二：只适配 armeabi-v7a
同理方案一，只是又筛掉了一部分老旧设备,在性能和兼容二者中比较平衡

方案三: 只适配 arm64-v8
优点: 性能最佳
缺点： 只能运行在arm64-v8上，要放弃部分老旧设备用户

这三种方案都是可以的，现在的大厂APP适配中，这三种都有，大部分是前2种方案。具体选哪一种就看自己的考量了，以性能换兼容就arm64-v8,以兼容换性能armeabi,二者稍微平衡一点的就armeabi-v7a。

目前来说，大多数的大厂APP用的都是armeabi或armeabi-v7a。

flutter 安装包体积过大，包体积优化策略

https://www.jianshu.com/p/6cc7c8190c02

参考

1、在 Windows 操作系统上安装和配置 Flutter 开发环境
2、1.3 搭建Flutter开发环境
3、Flutter入门教程(三) 教你如何实现VSCode高效开发
4、JDK21下载+安装+环境配置教程(Windows系统)
5、【Android】SDK安装及配置
6、【Android】SDK Manager打开闪退问题
7、AndroidSDK安装配置（Windows）
8、Android System Image - Google API PlayStores Intel Atom x86 System Images Direct Download
9、Android SDK与Android模拟器安装
10、VSCode配置Flutter模拟器
11、Android SDK 地址，全
12、Android开发者必备工具-常见Android模拟器(MuMu、夜神、蓝叠、逍遥、雷电、Genymotion…)
13、good–windows+vscode+夜神模拟器 flutter环境配置
14、cmdline-tools component is missing

worthsen
关注
  • 18
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Flutter环境搭建以及诸多准备
01-08
PS：本教程适用于Win10+AndroidStdio.未安装AndroidStdio的自行到http://www.android-studio.org/ 下载并安装即可，安装好AndroidStdio后需要在SDKmanager中选择想要使用的AndroidSDK版本，安装即可。 . . . 1.下载...
在AndroidStudio创建Flutter项目并运行到模拟器
huaqianzkh的专栏
04-30 2138
是Google开源的构建用户界面（UI）工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费，拥有宽松的开源协议，适合商业项目。
Android SDK Manager 无法下载Android8.1.0(API 27) SDK Platform的解决方案
热门推荐
专注学习游戏开发【真原创】
01-14 2万+
在Android SDK Manager 中安装Android 8.1.0 SDK Platform时报错导致无法安装。 错误信息：Downloading SDK Platform Android 8.1.0, API 27, revision 1 Download finished with wrong size. Expected 65606517 bytes, got 65738431
Windows环境如何安装Flutter：全面指南
最新发布
smileKH的博客
06-09 645
Flutter是Google开发的开源移动UI框架，允许开发者使用Dart语言快速在iOS和Android上构建高质量的原生界面。本指南将详细指导您如何在Windows环境下安装Flutter，确保您能够顺利开始Flutter开发之旅。
AndroidSDK安装配置（Windows）
alac2002的博客
09-06 1155
AndroidSDK，相应jdk安装
安装Android SDK 报错Download finished with wrong size
Waste_youth的博客
02-02 4870
解决方法（可行）： [tools] -> [Options] -> [HTTP Proxy Server]中填入 mirrors.opencas.cn sdk.gdgshanghai.com ubuntu.buct.edu.cn mirrors.neusoft.edu.cn 中的任意一个 「HTTP Proxy Port」 填 80 勾选 Force https:// … … using http:// 关闭重启（最好 点一下 clear cache） 最终 ...
Flutter - Mac m1和Windows10配置flutter环境 ，iOS原生项目接入flutter
iotjin的专栏
12-30 5810
参考资料： Flutter iOS 混合工程自动化 Flutter 与 iOS 混合项目初探 Flutter混合开发(二)：iOS项目集成Flutter模块详细指南 Flutter 开发 （1）iOS 下超详细集成 Flutter  Flutter中文网 在macOS上搭建Flutter开发环境 1.下载flutter SDK https://flutter.cn/docs/deve...........................
flutter windows环境配置win10
congcongguniang的博客
08-13 1344
fluter环境配置
Flutter环境搭建Windows
01-03
Flutter环境搭建Windows一、Flutter SDK下载配置环境变量使用镜像检查Flutter环境二、Android SDK配置Android SDK获取方法1 : 使用Android Studio下载Android Studio方法2: 自行下载Android SDK(不推荐)Android SDK...
Mac上flutter的环境搭建
01-20
一、安装flutter SDK 1、按照官网说明，获取flutter SDK 如图下载其最新可用的安装包 ...`pwd`是你flutter的安装目录，同时将环境变量添加到文件中 export PUB_HOSTE
超级详细flutter开发环境搭建
01-03
一、在Windows上搭建Flutter开发环境 系统要求 要安装和运行Flutter，您的开发环境必须满足以下最低要求： 操作系统Windows 7 SP1或更高版本(64位) 磁盘空间：：400 MB(不包括IDE/Tools的磁盘空间)。 工具颤振取...
Android Studio下Flutter环境搭建图文教程
01-05
Flutter 的环境搭建⼗分省⼼，特别对应Android开发者⽽⾔，只是在AndroidStuido上安装 插件，并下载flutterSdk到本地，配置在环境变量即可，其实 中⽂⽹的搭建Futter开发环境 已经很贴⼼详细，从平台指引开始安装...
win10中使用flutter环境搭建，附安装包
Linking_sea的博客
06-21 1053
win10中使用flutter环境搭建，附安装包
Android SDK更新8.1.0时报错
weixin_34250709的博客
03-13 245
Done loading packages.Preparing to install archivesDownloading SDK Platform Android 8.1.0, API 27, revision 1Download finished with wrong size. Expected 65606517 bytes, got 65738431 bytes.Done. Nothin...
Flutter开发环境配置（win10）
weixin_45576146的博客
03-19 3282
在 Windows 操作系统上安装和配置 Flutter 开发环境 目录系统配置要求获取 Flutter SDKpath 环境变量运行 flutter doctor安装 Android Studio配置 Android 设备配置 Android 模拟器Web 平台设置安装 VS Code安装 Flutter 和 Dart 插件通过 Flutter Doctor 命令验证是否安装成功安装 Emacs 编辑器 系统配置要求 操作系统：Windows 7 SP1 或更高的版本（基于 x86-64 的 64 位操
win10安装flutter-android开发环境
u010640592的博客
03-02 836
最新版本flutter和最新版本的AS搭建的flutter Android项目开发环境
window10搭建Flutter开发环境【Android版本】
qq_41444226的博客
07-16 2804
flutter本地开发环境搭建 【Android版本】
1、Flutter移动端App实战教程【环境配置、模拟器配置】
IT飞牛
09-03 2775
下载更新环境变量，添加变量，并在PATH中添加运行，检测尚未安装的软件，打【X】的表示需要安装。安装，安装过程中会自动安装。（步骤6也是在此IDE中完成）进入，安装修改源，添加以下两个环境变量配置完成后，再次执行，显示如下：除了这个IDE没有安装，因为暂时不需要开发Window桌面程序，其他都已经安装成功。
VScode+flutter 连接夜神电脑卡爆！！！！
weixin_44694172的博客
04-11 695
在flutter项目终端输入flutter run 指令后，启动项目一直处于连接模拟器状态，电脑瞬间卡爆，出现白屏（本人电脑已用6年了，比较落伍）；（2）点击桌面我的电脑，管理，设备管理器-显示适配器，右键，右键下面两个显卡，自动联网更新驱动。删除nox-disk2.vmdk文件，如果显示占用则关闭夜神模拟器重试，或者使用解除占用工具，如果没有重新启动计算机。操作完后直接启动项目，就可以在模拟器上快速呈现项目啦！提示：使用夜神模拟器自带的清理程序，无效。（1）下载驱动精灵升级驱动。
vscode调试flutter模拟器
07-27
你可以按照以下步骤在VSCode中调试Flutter模拟器： 1. 首先，确保你已经安装了VSCode和Flutter SDK，并且Flutter环境变量正常设置。 2. 在VSCode中安装Flutter和Dart插件。在左侧的插件面板中搜索"Flutter"和"Dart"，然后安装它们。 3. 打开你的Flutter项目，并在VSCode的底部工具栏选择一个模拟器设备。如果你还没有创建模拟器设备，可以使用Flutter命令行工具来创建一个。 4. 在VSCode的顶部菜单栏中选择"Run"，然后选择"Start Debugging"或使用快捷键F5来启动调试会话。 5. VSCode会自动在调试面板中打开一个"launch.json"文件。在该文件中，确保配置正确的Flutter调试启动项。例如，确保"program"属性指向你的Flutter应用程序的入口文件。 6. 点击调试面板中的绿色播放按钮，开始调试Flutter应用程序。此时，VSCode会自动启动模拟器，并在其中运行你的应用程序。 7. 在调试过程中，你可以设置断点、单步执行代码，并使用VSCode的调试工具来检查变量和调用堆栈。 希望这些步骤对你有帮助！如果你遇到任何问题，请随时向我提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

worthsen

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值