《Flutter实战记录》第一章 Flutter搭建、启动、虚机调试

Flutter开发环境搭建
原创 已于 2022-05-28 22:49:43 修改 · 889 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#flutter #android #android studio

于 2022-05-28 22:49:00 首次发布
本文详细介绍如何搭建Flutter开发环境，包括安装必要的开发工具Android Studio及Genymotion，创建新的Flutter项目并进行虚拟机调试。

Flutter实战记录

第一章 Flutter搭建、启动、虚机调试

文章目录

一、开发Flutter需要准备的工具

  • 编码工具
    Android Studio 3.5.2
  • 模拟器
    Genymotion
    下载地址：https://www.genymotion.com/download/

二、搭建

1.在Android Studio中安装依赖

File->Settings->Plugins

安装Flutter和Dart依赖，安装完后如下图：
在这里插入图片描述

2.创建一个新的Flutter项目

File->New->New Flutter Project

选择Flutter Application，点击next
在这里插入图片描述
填写对应的项目内容，点击next，然后直接Finish
在这里插入图片描述

3.Genymotion新增一个安卓虚拟机

点击右上角➕号，双击Custom Phone
在这里插入图片描述
配置虚拟机属性，点击Install进行安装
在这里插入图片描述
选中安装完的虚拟机，选择右侧···，点击Start进行启动
在这里插入图片描述
启动后如下图
在这里插入图片描述

4.启动Flutter Demo

在Android Studio中选择已经启动的虚拟机，启动项目
在这里插入图片描述
启动成功后虚拟机如图
在这里插入图片描述

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.....
Flutter开发环境搭建和调试，大牛深入讲解
m0_61408635的博客
09-03 685
Flutter开发工具很多，有很多支持Flutter开发的IDE。比如Android Studio、Visual Studio Code、InteIIiJ IDEA、Atom、Komodo等。这里将使用Visual Studio Code作为主要开发工具，因为Visual Studio Code占用内存和CPU比较低，非常的流畅，体验也比较的好。模拟器的话，这里推荐使用Android官方的模拟器，也就是Android Studio SDK里带的模拟器。不过，这里的模拟器我们使用单独启动的，无需从Androi
Flutter 核心原理透视：Dart 运行时与虚拟机工作机制
最新发布
sdgsdfds的博客
11-01 719
Dart 运行时和虚拟机是 Flutter 高性能的核心：运行时处理内存和并发，VM 通过智能编译（JIT/AOT）优化执行效率。这使得 Flutter 应用具有快速启动、流畅UI和高效开发体验。理解这些机制有助于开发者优化应用性能。如果您有具体场景（如调试内存泄漏），我可以进一步深入解释！
flutter虚拟机
dpy521的博客
08-14 510
Genymotion下载及安装 1 ，打开Genymotion官网，https://www.genymotion.com/ ，首先点击右上角的Sign in进行登录操作。如果没有账号，则需要先注册。在登录界面，点击Create an account按钮打开注册界面。需要注意的是输入邮箱和密码后，系统会发送一封邮件到你邮箱，请一定要去验证。注意：一定要进行验证！！！ 2，下载、安装安卓模拟器Geny...
新建flutter项目并运行在雷电模拟器上
m0_68094390的博客
04-29 729
然后会自动进行gradle编译，注意gradle选择为自己的。过程会比较慢。我等等了大概半个小时。
Flutter环境搭建【win10虚拟机】+夜神模拟器【主机】
天道酬勤
01-27 2251
Flutter环境搭建
Flutter 实战高清PDF版（非图片版）.7z
07-07
《Flutter实战高清PDF版》是一本深入探讨Flutter开发技术的书籍，由知名作者wendux编著。这本书旨在帮助开发者全面理解和掌握Flutter框架，以便在移动应用开发领域中创建高性能、跨平台的应用程序。 Flutter是...
flutter学习-day1-环境搭建和启动第一个项目
鹏多多的博客
12-05 1389
启动 Android Studio，然后跟着安装向导操作。勾选安装最新的 Android SDK、Android SDK 平台工具和 Android SDK 构建工具
Flutter零基础极速入门到进阶实战视频(完结).zip
10-15
第7章Flutter入门实战：APP导航框架与常用功能实现【先打一仗，巩固技能】 第8章 Flutter进阶提升：玩转Flutter列表组件【动动手，带你玩转各种列表】 第9章 Flutter进阶实战：App首页功能开发【Top App实战经验，...
解决Flutter启动页白屏问题，flutter启动显示图片
05-29
启动页是App必不可少的一部分，然而在一个新创建的Flutter项目中，运行发现是没有启动页的。 Android原生的白屏问题可以通过为 Launcher Activity 设置 windowBackground 解决，而 Flutter 也是基于此办法，同时优化...
vmware虚拟机安装macos运行flutter项目问题记录
GG521210的专栏
06-04 750
vmware虚拟机安装macos运行flutter项目问题记录
flutter连接模拟器
weixin_42471170的博客
03-28 938
1.执行flutter doctor，确保flutter命令正常。 2.查看模拟器，执行flutter emulator： 3.执行flutter连接模拟器的命令flutter emulator --launch Nexus_S_API_28。确保成功执行。 4.查看是否连接成功，执行flutter doctor。已经连接成功。 ...
跨平台应用开发Flutter
caiyiii的专栏
05-28 235
Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。 ...
Flutter3.0 性能优化系列|一文教你完全掌握内存优化和dark虚拟机 (内存泄露)
datian1234的博客
04-02 2384
1). dart代码都会映射c++中对应的方法2). 对象存放在 WeakPersitentHandle中3). 根据渲染原理: 通过检测渲染树节点数量来检测内存泄漏, 对比当前帧使用的EngineLayer个数，如果内存中的EngineLayer个数长时间大于使用的个数4). 通过WeakPersitentHandle找到调用链内存泄露工具: (重点分析)内存泄露具体代码总结:1. 弱引用Expando2. 解决访问的私有属性Dart vm_service3. 判断内存泄露。
flutter开发环境配置，启动初始项目(保姆级教程)
wjuxing的博客
08-03 3417
上述操作完成之后还要下载flutter和Dart插件，点击file—>setting—>直接搜索plugin，然后再搜索flutter和Dart进行下载。找到系统环境变量的path,点击编辑，然后再点击新建，将flutter的安装目录下的bin目录粘贴到新建的文本框中，然后点击确定。命令启动项目，构建完成之后项目目录下会生成一个build目录，雷电模拟器中会出现一个app,点击app即可进入初始的计数器项目。创建完成之后，修改一下.android，目录下的build.gradle文件，如下图。
Flutter移动应用开发 - 01 Flutter初次安装、模拟器配置教程（手把手版）
如果没有躺赢的命，那就站起来奔跑，你的努力一定会对得起这一路的颠沛流离。
02-06 5042
记录自己配置Flutter的点点滴滴，碰了不少坑，主要是在Android Studio 一开始配置的步骤。除此之外，还尝试了模拟器创建和使用，完成本步骤后便可以跑通自己的程序，并在模拟器上调试
不启动Xcode就可以调试Flutter应用
gaoyp的专栏
12-01 673
只要用Xcode在设备上或虚拟机上安装了应用。不需要启动Xcode调试应用， 只需要运行应用后，在AS上attach到设备或虚拟机就可以调试Flutter中的代码了， Flutter中设的断点也能断进去。
Flutter App的启动流程(1)
2401_84413420的博客
05-03 1084
【Android开发核心知识点笔记】【Android思维脑图（技能树）】【Android核心高级技术PDF文档，BAT大厂面试真题解析】【Android高级架构视频学习资源】《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！【Android核心高级技术PDF文档，BAT大厂面试真题解析】[外链图片转存中…(img-MXJffdCN-1714699109444)]【Android高级架构视频学习资源】
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值