使用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. Flutter Widgets 之 InkWell 和 Ink

    Flutter Widgets 之 InkWell 和 Ink 注意:无特殊说明,Flutter版本及Dart […]...

  2. Flutter 1.0 正式版: Google 的跨平台 UI 工具包

    今天我们非常高兴的宣布,Flutter 的 1.0 版本正式发布!Flutter 是 Google 为您打造的 […]...

  3. 为什么 Flutter 是跨平台开发的终极之选

    跨平台开发是当下最受欢迎、应用最广泛的框架之一。能实现跨平台开发的框架也五花八门,让人眼花缭乱。最流行的跨平台 […]...

  4. Flutter 即学即用系列博客——01 环境搭建

    前言 工欲善其事,必先利其器 所以第一篇我们来说说 Flutter 环境的搭建。 笔者这边使用的是 MAC 电 […]...

  5. Flutter 即学即用系列博客——03 在旧有项目引入 Flutter

    前言 其实如果打算在实际项目中引入 Flutter,完全将旧有项目改造成纯 Flutter 项目的可能性比较小 […]...

  6. Flutter – International 国际化,Localization 本地化, 使用Intl

    新建项目,得到一个示例工程。本例中使用intl包来管理文字资源。 项目地址: https://github.c […]...

  7. Flutter介绍 – Flutter,H5,React Native之间的对比

    Flutter介绍 Flutter是Google推出的开源移动应用开发框架。开发者可以通过开发一套代码同时运行 […]...

  8. Flutter终将逆袭!1.2版本发布,或将统一江湖

    在去年 MWC 大展上发布首个 Beta 版后,Flutter 1.0 正式版于 2018 年 12 月召开的 […]...

随机推荐

  1. 11款有用的Web开发在线工具

    导读:原文来自queness.com上一篇《11 Useful Online Tools for Web De […]...

  2. MULTISIM库内容

    1。Source库:包括电源、信号电压源、信号电流源、可控电压源、可控电流源、函数控制器件6个类。   2。B […]...

  3. # 通过 DockerFile 打包镜像

    在介绍 Docker 具体的操作前,先简要复习下 Docker 的架构,这样可以更好地帮助我们理解 Docke […]...

  4. hadoop分布式格式化时出现异常java.net.unknownhostexception

    当搭建好分布式集群后,准备使用命令格式化时 hdfs namenode format 在日志的最后一行出现 j […]...

  5. MYSQL小知识 约束

     default character set utf8  设置数据库的字符集默认为utf8 collate u […]...

  6. 网络io模型总结

    操作系统基本概念 首先来来说下操作系统,嗯,操作系统是计算机硬件的管理软件,是对计算机硬件的抽象,操作系统将应 […]...

  7. LeetCode 5112. 十六进制魔术数字 Hexspeak

    LeetCode 5112. 十六进制魔术数字 Hexspeak 地址 https://leetcode-cn […]...

  8. synchronized

    什么是synchronized synchronized 关键字,代表这个方法加锁,相当于不管哪一个线程(例如 […]...

展开目录

目录导航