美文网首页Flutter
flutter入门 vscode调试及查看日志

flutter入门 vscode调试及查看日志

作者: justin_crashed | 来源:发表于2019-01-16 18:15 被阅读184次

    开发肯定需要调试应用,以及查看日志。

    在flutter中有logger包,调用未找到Log里的函数,只有Logger.root.info('')等函数,运行时也不起作用。

    还有一个print()函数,最终发现这个是可以的。

    情景再现

    a、通过 flutter run方法启动应用,通过flutter logs查看日志,发现并没有日志输出。

    b、通过flutter run方法启动应用,在 调试控制台 也没看到日志输出

    c、通过vscode 自带的调试台启动启用,flutter logs,也没有日志输出

    正确方法

    print()日志输出函数
    通过vscode 自带的调试台启动应用, 查看调试控制台,有日志输出

    ps: 我重启应用后发现,在终端cmd 通过flutter 也能看到日志输出了。

    用vscode调试flutetr

    fluttervscode.png

    一个正常的flutter项目用vscode应该是这样的。
    之前有说过可以用flutter run命令运行,还有android studio运行。在vscode中也有按钮运行调试。

    点击调试按钮/启动调试按钮,就相当于flutter run运行该flutter项目


    run.png

    我打了一个断点,当项目运行起来,如下图。


    debugger.png

    当我点击按钮,进入断点。如下图
    可以看到左上角的操作按钮,其实跟android studio调试原生代码,以及浏览器调试rn一样。


    indebugger.png

    添加断点点击代码左侧的红框区域即可(下图)。


    adddebugger.png

    在左上角的调试/新建断点 也可以。

    相关文章

      网友评论

        本文标题:flutter入门 vscode调试及查看日志

        本文链接:https://www.haomeiwen.com/subject/sfxvdqtx.html