flutter在vscode中如何使用Android模拟器

最新推荐文章于 2025-03-27 13:43:16 发布
最新推荐文章于 2025-03-27 13:43:16 发布
阅读量7.8k 收藏 19
点赞数 16
文章标签： flutter vscode android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57994585/article/details/136484315
版权
本文介绍了如何在Windows上安装AndroidStudio，配置SDK，安装VScode的Android/iOS模拟器插件，以及调试Flutter项目时如何利用AVD进行调试，包括解决IntelHAXM安装问题的步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. 安装Android studio

        官网：https://developer.android.com/studio/install；

        安装完成后，创建一个空项目，会自动安装相关配置，例如AVD等等；

2.打开安卓SDK配置，查看以下配置是否安装，如果没有安装，则勾选点确定

3.VScode安装扩展插件Android iOS Emulator

4. 选中需要调试的flutter项目文件的main.dart入口文件，使用快捷键ctrl+shift+P，在输入框中输入Flutter:Launch emulator。会打开当前的AVD，效果如下；

        PS：如果运行失败，打开任务管理器F12，切换至性能，查看CPU的虚拟化是否开启，如果没有开启，电脑重启，进入BIOS，进行设置

参考链接：搜索智能精选

        

        参考链接：Android Studio中 HAXM安装失败的问题(Intel HAXM installation failed. To install Intel HAXM follow the...)_intel庐 haxm installation failed. to install intel庐-CSDN博客

5.切换调试设备至AVD，按F5运行即可；

Vscode中开发Flutter应用及使用Android 真机与虚拟机调试
越陌度阡
12-12 1万+
1.Vscode 中开发运行 Flutter 应用 1.安装 Flutter 插件 2.安装 Dart 插件 3. 运行Flutter项目 flutter run r 键： 点击后重新加载； p 键： 显示网格； o 键： 切换 android 和 ios 的预览模式； q 键： 退出调试预览模式； 4.Vscode 连不上第三方模拟器 以夜神模拟器为例，在命令行CD到对应安装文件目录，如 D:\Program Files\Nox\bin，然后运行： nox_adb.exe.....
VScode搭建Flutter+dart+模拟器开发安卓App
weixin_44334099的博客
12-07 5604
VScode搭建Flutter+dart+模拟器开发安卓AppFlutterSDK&&Dart环境&&JDKFlutterJDK安装下载Android Studio（也可单独安装AndroidSDK）VScode配置 FlutterSDK&&Dart环境&&JDK 第一次写博客欢迎留言 Flutter 官网下载最新版Flutter：https://flutterchina.club/setup-windows/ 最新版本Flutter集成了Da
Flutter 通过 VS code 连接 Android 模拟器（Windows）
Stark6的博客
04-20 3787
最近需要学习 Flutter 进行混合开发，配置信息比较容易忘记，在这里记录一下。
使用 VS Code 搭建 Android 开发环境
小宝哥Code的专栏
03-07 4722
在项目根目录创建"tasks": ["group": {},},虽然 VS Code 不如 Android Studio 为 Android 开发提供全面支持，但通过合理配置扩展和工具，依然可以构建高效的 Android 开发环境。更喜欢轻量级 IDE 的开发者同时处理前端和 Android 开发的全栈工程师资源有限的开发机器对于复杂的 UI 设计和性能分析等高级功能，仍建议搭配使用 Android Studio。
LVGL在VScode中安装模拟器运行配置笔记教程
最新发布
su1041168096的博客
03-27 323
1、LVGL模拟器工程搭建LVGL(Light and Versatile Graphics Library,轻巧而多功能的图形库)是一个免费的开放源代码图形库,它提供创建具有易于使用的图形元素,精美的视觉效果和低内存占用的嵌入式GUI所需的一切。本文主要讲述如何实现在VScode中实现LVGL模拟器环境的搭建运行。LVGL在Windows平台下有很多模拟运行的方式，如官方主推的CodeBlocks、Visual Studios等，如下图所为LVGL官方对PC模拟器例举出来的IDE和说明信息。
VS CODE下配置Flutter环境（可不装Android Studio）
tjhwa的博客
06-25 2037
VS CODE下配置Flutter环境（可不装Android Studio）
vscode使用Android studio模拟器
weixin_67299751的博客
11-22 6607
去往Android studio找到flie -- settings -- Tools -- Emulator -- 默认这个是勾选的，取消勾选，退出编辑器重新启动就好了。最后在补充俩点，都是踩的坑，flutter创建的目录千万不能带中文路径，不然启动项目也会报错。声明：flutter刚开始学，以下是我花了老半天才解决的，遇到相同问题的可以试一试。连接成功后就需要启动项目了，这时候项目就会报一个错。注意：你可以去改版本，但是一定要看里面有没有这个版本，没有的话是一定会失败的。进来往下滑，高版本的都在下面。
【Flutter边学边实战】vscode中创建flutter项目并运行android模拟器
zzu_dcx_zzu的专栏
12-15 4250
​2、按下快捷键 Control + Shift + P，并输入flutter。
flutter在安卓模拟器上运行
rf344541393的博客
02-20 1525
vscode直接打开安卓模拟器
在 VSCode 中搭建 Flutter 开发环境并运行项目
Chloeeeeeeee的博客
06-07 1万+
在 VSCode 中运行 Flutter 项目并启动虚拟机的步骤如下：首先，安装 Flutter SDK 并添加其 bin 目录到系统 PATH，然后在 VSCode 中安装 Flutter 和 Dart 插件。接着，下载并安装 Android Studio，配置 Android 模拟器。创建 Flutter 项目后，打开终端启动模拟器，或通过 VSCode 工具栏选择设备，按 F5 运行项目。最后，使用调试控制台设置断点和检查变量，进行调试。这样即可在 VSCode 中运行和调试 Flutter 项目。
VSCode配置Flutter模拟器
热门推荐
手写我对你的温柔
08-23 1万+
以前写过一篇文章https://blog.csdn.net/qq_39969226/article/details/88824118可以用bat文件管理我们的Android 模拟器。 在VSCode上开发Flutter,主要是考虑到VSCode没有AndroidStudio那么消耗内存. 怎么不用之前讲过的.bat启动呢？ 用VSCode的插件： 最推荐的方法： 在Andro...
flutter连接VScode和夜神模拟器 与连接android studio
qq_45073409的博客
03-07 1983
android studio配置 1.去官方下载android studio,注意选择你所需要的系统下载 2.1下载之后一直next. 其中有一个创建捷径路径,点击下方的don,t create不创建, 继续next,其他的没什么重要的. 2.2, 有一项是选择编程语言(langage),会java选java,不会的选dart,两种差不多,dart学的简单一点 配置下载完成后让studio软件自己下载他所需要的sdk. 不要自己去官网下载sdk. 这坑我走过,东西太多了,配置一个又有下一个需要下载,头疼 以
vscode+flutter+夜神模拟器在windows环境下的连接问题
qq_43458978的博客
07-10 6671
vscode+flutter+夜神模拟器在windows环境下的连接问题 android sdk报错 设备连接不上 如图，在按照百度上的弄完所有东西之后，flutter doctor 还是这样设备连接不上，androidsdk报错，我的adb版本号和夜神的一样!] 输入adb和android都能运行，下面是配置的环境变量 这里要解释一下我path值如果用ANDROID_HOME的绝对地址的话...
在AndroidStudio创建Flutter项目并运行到模拟器
huaqianzkh的专栏
04-30 7390
是Google开源的构建用户界面（UI）工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费，拥有宽松的开源协议，适合商业项目。
VScode与夜神模拟器的连接
Guan_XiaoShu的博客
03-22 2016
跳到以下画面，直接回车，然后自己选择存放flutter文件的位置即可，然后点击Select a folder to create the project in。因为需要用vscode运行flutter，又不想下载android studio（真的好大），所以选用了夜神模拟器。找到夜神安装的bin目录，比如，我的夜神安装的bin目录地址是：D:\Program Files\Nox\bin。（没有连接设备的意思），点击后选择带有“127.0.0.1:62001”的设备，连接即可。——点击，滑到最后，连续点击。
使用vscode调试cocos creator模拟器或手机
种豆农夫的技术备忘录
09-06 1898
安装vscode, 再cocos creator开发者菜单下选择安装vs插件 vs code打开工程以下目录, 不是开发的目录(cocos运行时吧打开都合并到下面目录的project.dev.js文件): Windows：CocosCreator/resources/cocos2d-x/simulator/win32 Mac：CocosCreator.app/Contents/Re...
flutter笔记
阿炳のblog
03-24 931
主流框架对比 Cordova：Cordova基于网页技术进行包装，利用插件的形式开发移动应用的，这点的性能和体验，Flutter完胜 RN(React Native)：RN的效率是由于将View编译成原生View，效率上比Cordova的HTML5高很多，但它也有效率问题：RN的渲染机制是基于前端框架的考虑，复杂UI的渲染需要依赖多个...
[React Native] VS Code 调用模拟器(虚拟机/仿真器)开发调试
前端一线搬运工的博客
08-28 1万+
目录 前置条件 启动模拟器 检查进程是否存在 VS Code 配置模拟器开发调试 第一步 第二步 第三步 配置常见报错解决方案 报错1 报错2 前置条件 启动模拟器 因为 VS Code 自身无模拟器, 所以需要借助第三方模拟器,如Android Studio的模拟器, Genymotion的模拟器; 不会调用模拟器的请点传送门>>>调用 Andr...
用vs code连接虚拟机（夜神模拟器）
weixin_47798423的博客
10-08 5283
手机模拟器设置 打开夜神模拟器的bin目录（右键夜神模拟器，打开文件所在位置），如果是windows10，就在文件夹下输入“nox_adb.exe connect 127.0.0.1:62001” vs code设置（默认已经下载dart系列插件） 下载插件flutter，打开终端（如果没有弹出，可以点击左下角标记（哪个都行））键入“flutter run” 可能失败的原因 1.PC端的adb文件有两个不同的版本，分别为1.0.36和1.0.41。 2.adb(1.0.36)的客户端不能连接到adb(1.0
如何在VSCode中正确配置Android模拟器？
10-13
在 Visual Studio Code (VSCode) 中正确配置 Android 模拟器通常涉及以下步骤： 1. **安装Android开发工具**：首先，你需要在VSCode中安装适用于 Android 开发的插件，如 "ms-vscode.java-debug" 或 "Live Server for Android"。可以在VSCode的Marketplace搜索并安装它们。 2. **配置Android环境**：确保你已经下载并安装了完整的 Android Studio SDK，并配置了`JAVA_HOME`和`PATH`环境变量，以便VSCode能够找到必要的 Java 工具。 3. **创建或管理AVD**（Android Virtual Device）：打开 Android Studio，创建或从现有列表选择一个模拟器。记住模拟器的名称，因为在VSCode中会用到它。 4. **配置launch.json**：在VSCode的用户文件夹（`.vscode`目录下）中，编辑 `launch.json` 文件。这里需要添加一个新的配置，指定目标模拟器，例如： ```json { "version": "0.2.0", "configurations": [ { "name": "Launch Android Emulator - ${avdName}", "type": "android", "request": "launch", "target": "${avdName}", "deviceName": "${avdName}", "emulatorPath": "${execPath}/emulator", "androidHome": "${env.ANDROID_HOME}", "debugPort": 5037, "logFile": true, "localServerDownload": false } ] } ``` 其中`${avdName}`替换为你模拟器的名称。 5. **启用调试**：确保你的 Android 应用开启了远程调试，可以在应用的build.gradle文件中加入相应配置。 6. **启动调试**：在VSCode的终端或者调试面板中，点击“开始调试”按钮，或者通过快捷键（通常是`F5`）来启动对模拟器的调试。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值