Flutter 工具DevTools使用-译文

本文介绍了Flutter开发环境中的工具如Flutter工具、Dart分析服务器和VSCode/AndroidStudio的集成,强调了IDE的智能特性如代码补全、错误高亮和内存泄漏检测。同时还提到了DevTools和FlutterInspector在性能分析中的作用,以及一套完整的Android开发学习资料的重要性。

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

当然,还有flutter工具,它可以在调试模式下运行你的应用程序,执行热重载,构建APK和IPA等等。flutter工具是用Dart编写的,在命令行上运行,所以无论你喜欢哪种操作系统或编辑器,都可以使用Flutter。

Dart分析服务器在各种IDE中提供静态分析和智能。这意味着你可以得到代码补全…

这恰好是VS Code,但这里所有的例子在Android Studio中也能使用,当然。

… 错误高亮显示并链接到如何修复它们的文档…

对于最常见的静态错误,IDE会链接到一个较长版本的错误信息,包括示例代码和常见的修复方法。

…和智能代码检查。

在这里,分析器检测到一个Sink被创建但从未关闭–这可能是内存泄漏。

分析服务器还可以使用语言服务器协议,这意味着所有使用它的开发工具(有很多)都可以轻松支持它。

UI代码助手

======

使用Flutter,你可以通过创建widget树在代码中构建UI。这意味着,很多Dart代码都是以嵌套构造函数的形式存在,比如下面的。

return MaterialApp(

title: ‘My app’,

home: Scaffold(

appBar: AppBar(

title: Text(‘Welcome’),

),

body: Column(

),

),

);

复制代码

Flutter工具让你更容易处理这样的代码。UI指南突出了你正在构建的widget树。

左边的线条,被称为UI指南,明确地将widget树可视化。

后面的注释可以显示哪个收尾括号属于哪个widget。

这里的注释由IDE显示,但实际上不是文件的一部分。

智能重构可以帮助你在几笔中修改树,比如用一个新的父节点包装一部分…。

用一个SizedBox包装一个IconButton。

…并移动widget。

开发工具

====

还有DevTools,这是一套独立的工具,在浏览器中运行。它们提供了额外的遥测和功能,这些功能在IDE中显示并不实用。

DevTools在浏览器窗口中打开。

我们本周推出的DevTools是用Flutter编写的。(它们之前是用 Dart 编写的,但没有使用 Flutter 框架。)这是一次从头开始的完全重写,这为改进 UI 和添加全新的功能带来了机会。

第一个标签是Flutter Inspector,这是一个可视化和探索Flutter widget树的工具。从这里,你可以选择正在运行的应用中的widget,放慢所有动画,查看文本基线等。

新功能之一是布局资源管理器,您可以在细节树旁边的Flutter检查器标签中找到它。布局资源管理器让你检查Flutter的柔性布局模型。例如,当你不确定为什么一排widget看起来不是你预期的方式,或者为什么你得到 "RenderFlex溢出了42个像素 "的错误时,这可以成为救命稻草。

在Flutter Inspector选项卡旁边,你会发现三个专门用于性能分析的选项卡:时间轴视图、内存视图和性能视图。

时间线视图现在显示了每个帧的构建时间以及火焰图。这使得它很容易识别有问题的帧,同时在上下文中看到它们。

时间线窗格还有新的跟踪widget构建按钮,它将您的应用程序中所有widget的构建时间添加到时间线(以牺牲您的配置文件构建的性能为代价 - 这就是为什么它默认情况下没有打开)。当你试图找出到底是哪些widget造成了慢帧时,这很方便。

内存视图可以让你窥视你的应用程序在特定时刻的内存使用情况。该视图现在显示了分配内存的热图,并允许跟踪平台内存。
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

写在最后

在技术领域内,没有任何一门课程可以让你学完后一劳永逸,再好的课程也只能是“师傅领进门,修行靠个人”。“学无止境”这句话,在任何技术领域,都不只是良好的习惯,更是程序员和工程师们不被时代淘汰、获得更好机会和发展的必要前提。

如果你觉得自己学习效率低,缺乏正确的指导,可以一起学习交流!

加入我们吧!群内有许多来自一线的技术大牛,也有在小厂或外包公司奋斗的码农,我们致力打造一个平等,高质量的Android交流圈子,不一定能短期就让每个人的技术突飞猛进,但从长远来说,眼光,格局,长远发展的方向才是最重要的。

35岁中年危机大多是因为被短期的利益牵着走,过早压榨掉了价值,如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

远来说,眼光,格局,长远发展的方向才是最重要的。

35岁中年危机大多是因为被短期的利益牵着走,过早压榨掉了价值,如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值