使用Android Studio等idea工具开发flutter应用,必备的debug调试技能,非常好用

我们程序员不论开发什么软件,都需要一把锋利的调试工具,这是必不可少的,不然出现问题了,你都不知道问题是啥,出现在哪,就更别说怎么解决了。所以我这里就介绍一下android studio开发flutter必备的调试技能,同理,你使用idea等工具开发也是一样的,因为android studio是基于idea开发的,所以操作都一样。官方文档:开发者工具概览 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

安装插件

打开设置,找到插件,搜索flutter和dart,一般都会找到,然后安装即可,这时候不论是创建项目还是调试项目,都会有flutter提示了。flutter和dart是必须的,flutter snippets是为了快捷开发增加的快捷键等操作。

运行程序

先运行你的程序,当程序顺利启动后,才能开启调试模式。或者你程序启动失败,也可以通过debug模式打断点,然后调试一下怎么回事:这个打断点应该都会吧,哥哥们

开启调试模式 

程序启动之后,然后就可以在控制台看到一个flutter的标识:Open Flutter DevTools,点击一下就可以打开浏览器,并且展示一个调试页面:这里面有类似react的组件树展示,左侧就是组件数,头部是工具栏,工具栏里面有调试,性能,存储,网络,日志等信息,当选中flutter inspector时,左侧展示组件数,右侧可以设置是否显示网格线和基线,是否让动画变慢等操作

当你点击一下显示网格线:

点一下显示基线:

点一下高亮重绘:当组件重新绘制的时候,这个边框会发生变化,可以根据此变化,寻找重绘原因,然后优化。

点击performance性能页面: 

点击cpu分析器:

点击内存分析:

点击Debug:还不如直接在idea中debug

点击网络:如果你有发送网络请求,都可以在这里看到,类似于chrom的网络请求,可以复制请求为curl

点击日志:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/311133.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【数据结构—堆排序、top k问题和时间复杂度】

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言 一、堆排序(升序) 1.1向上调整算法: 1.2向下调整算法: 1.3、堆排序的实现: 二、top k问题 2.1top k…

Python+Django+Mysql+SimpleUI搭建后端用户管理系统(非常详细,每一步都清晰,列举了里面所有使用的方法属性)

一、在Anaconda环境下创建虚拟环境 (1)打开Anaconda Prompt(install),创建虚拟环境,如下图所示: 方法一:默认情况下虚拟环境创建在Anaconda安装目录下的envs文件夹中 conda create --name usermanage …

高频面试题:合并两个List并去重

欢迎关注微信公众号:互联网全栈架构 合并两个List中并去掉重复的元素,有好几种方法,我们来看看常见的三种: 一、使用HashSet HashSet是一个没有重复元素的集合,可以利用这个特性,把List中的元素逐一添加到H…

简单几步制作翻页电子画册

翻页电子画册是一种非常流行的电子书形式,它能够以生动、美观、有趣的方式展示您的内容。如果您想要制作自己的翻页电子画册,以下是一些简单的步骤,可以帮助您轻松上手。 首先,你需要一款在线制作电子杂志平台。比如FLBOOK&#x…

java8开发常用的日期操作,纯干货分享

首先介绍java8关于日期和时间比较常用的一些类: Java 8 推出了全新的日期时间API,在教程中我们将通过一些简单的实例来学习如何使用新API。 Java处理日期、日历和时间的方式一直为社区所诟病,将 java.util.Date设定为可变类型,以…

5G阅信助力互联网行业:XX出行-出票通知,案例分析

XX出行日常有大量业务通知短信下发,用户触达频次和用户打开率都比较高,但原短信无法带来附加营销增值,通过阅信增值服务消息将两者结合起来,可实现业务的多渠道引流,开拓了新的渠道和方式。 项目概述: 1. 项…

WAZUH的安装、设置代理

wazuh安装 wazu的安装分为以下两种方式 官方文档:https://wazuh.com/blog/detecting-common-linux-persistence-techniques-with-wazuh/ 1、自定义安装 这种方式就是一步一步的安装 直接参考官方文档: 这里就不详细介绍了 2、直接下载打包好的虚拟机…

vscode调用HTML文件

vscode实现对HTML文件调用 创建html文件下载拓展内容点击拓展查找需要的拓展 导入html代码设置默认打开浏览器运行结果参考文献 做数据库课设的内容,尝试一些自己没有接触过的东西,了解如何创建一个网站以及数据库的一个应用 创建html文件 创建一个html的文件,加入后缀名 下…

从仿写持久层框架到MyBatis核心源码阅读

接上篇手写持久层框架:https://blog.csdn.net/liwenyang1992/article/details/134884703 MyBatis源码 MyBatis架构原理&主要组件 MyBatis架构设计 MyBatis架构四层作用是什么呢? API接口层:提供API,增加、删除、修改、查询…

『番外篇八』SwiftUI 脑洞大开实现“另类”视图跟随方法

概览 在 SwiftUI 的开发中,我们时常需要用指尖丝滑般地操作指定视图:比如,我们需要在拖动视图后让它自动归位,或者拖动一个视图时让另一个视图跟随它移动。 我们随后将会详细讨论上述两个 SwiftUI 中与视图移动相关场景的实现。 在本篇博文中,您将学到如下内容: 概览1.…

matlab导出高清图片,须经修改后放入latex(例如添加文字说明,matlab画图不易操作)

一、背景 我们在写文章时,使用matlab画图后,如果不需要对图片进行额外修改或调整,例如添加文字说明,即可直接从matlab导出eps格式图片,然后插入到latex使用。 通常latex添加图片,是需要eps格式的。 但很…

大数据爱好者福音:Kudu框架学习网站,助你一臂之力!

介绍:Kudu是由Cloudera开源的列式存储引擎,专为处理大数据而设计。它是为了解决Hadoop生态系统中的一些挑战而被引入的,如流式实时计算结果的更新和时间序列相关应用等需求。 Kudu具有几个显著的特点:首先,它是用C语言…