使用VS Code调试Flutter(检查用户页面)

xinzaimengzai 2019-03-22 原文

使用VS Code调试Flutter(检查用户页面)

官方提供的是Flutter Widget Inspector,详见https://flutterchina.club/inspector/

我用的是另外一种好用的调试工具 Dart DevTools

步骤如下:

1 首先使用VS Code打开你的项目,并且运行(菜单栏 Debug –> Start Debugging(F5) ),运行项目前要打开模拟器或使用真机

 

2 在VS Code中通过F1或者Ctrl+Shift+P打开主命令面板,按输入Dart: Open DevTools

 

 

3 点击Activate/Upgrade Dart DevTools按钮,激活调试工具,该调试工具会自动打开浏览器(建议使用Chrome浏览器为默认浏览器,如果不是,打开网页后,将网页地址复制到Chrome浏览器中打开)

 

 

4  通过点击页面上不同的位置,可以在调试工具上显示出详情,下面是我写的微信页面demo,github地址为https://github.com/zhaoqiyin/wechat_clone

欢迎大家clone,也希望大家点赞。

 

 

 

 

发表于 2019-03-22 11:50 心在梦在 阅读() 评论() 编辑 收藏

 

版权声明:本文为xinzaimengzai原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/xinzaimengzai/p/10577341.html

使用VS Code调试Flutter(检查用户页面)的更多相关文章

  1. 6.1.初识Flutter应用之实现一个计数器

    用Android Studio和VS Code创建的Flutter应用模板是一个简单的计数器示例,本节先仔细讲 […]...

  2. Flutter学习(8)——CheckBox多选框使用及动态更改多选框数据

    原文地址:Flutter学习(8)——CheckBox多选框使用及动态更改多选框数据 | Stars-One的 […]...

  3. Flutter & Scaffold & multiple floatingActionButton

    Flutter & Scaffold & multiple floatingActionBut […]...

  4. 使用Flutter完成10个商业项目后的经验教训

    使用Flutter完成10个商业项目后的经验教训 作者:Łukasz Kosman 和 Jakub Wojtc […]...

  5. Flutter 1.17版本重磅发布

    Flutter 1.17版本重磅发布 Flutter 1.17 是2020年的第一个稳定版本,此版本包括iOS […]...

  6. Flutter 强大的MediaQuery控件

    Flutter 强大的MediaQuery控件 注意:无特殊说明,Flutter版本及Dart版本如下: Fl […]...

  7. Flutter 裁剪类组件 最全总结

    Flutter 裁剪类组件 最全总结 注意:无特殊说明,Flutter版本及Dart版本如下: Flutter […]...

  8. Flutter Weekly Issue 52

    ...

随机推荐

  1. 浏览器加载渲染网页过程解析

    浏览器的工作机制,一句话概括起来就是:web浏览器与web服务器之间通过HTTP协议进行通信的过程。所以,C/ […]...

  2. composer安装FOSUserBundle内存溢出

    内存溢出异常: Fatal error: Allowed memory size of 2147483648 […]...

  3. 浅谈redis

    1.Redis简介:   Redis是一个开源的使用ANSI C语言编写,遵守BSD协议、支持网络、可基于内存 […]...

  4. webstorm使用说明

    1、注意webstorm的快捷键和输入法快捷键的冲突。ctrl + shift +F查找快捷键,在搜狗输入法下 […]...

  5. 拾遗

    拾遗 一直都想把去年一年的一些收获做一个简单的总结,但总是给自己找理由推脱。一方面觉得这些东西有些无足轻重,不 […]...

  6. ORACLE数据库性能优化(转)

    可以通过调整数据库应用程序、数据库和操作系统来增强ORACLE的性能。适当的调整ORACLE可以针对特定的应用 […]...

  7. 编程题1

    题目描述:寻找一条从左上角arr[0][0]到右下角arr[m-1][n-1]的路线,使得沿途经过的数组中的整 […]...

  8. PHP 中 firebase/php-jwt RS256 公私钥生成指南

    所有关于 openssl_sign(): supplied key param cannot be coerced into a private/public key、Algorithm not allowed 等错误按照文章来一遍,基本...

展开目录

目录导航