vscode配置flutter开发调试

发布时间:2019-06-03 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了vscode配置flutter开发调试脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

今天内容不多,主要是如何配置调试flutter走的一些坑,记录一下。

官网教程走一波以后,安装了dart code插件。之前我用命令行flutter emulator之后flutter run执行,每次更新代码都需要r重载或者R重启。后来网上搜了,可以检测文件改动自动重载。

首先使用command+P调出命令,然后有个flutter emulator,可以在调试工具中启动模拟器。模拟器启动以后,调试命令中启动调试,第一次会让你输入一个uri或者port,端口默认是8102。

????  To hot reload changes while running, Press "r". To hot restart (and rebuild state), PRess "R".
An Observatory debugger and profiler on AndROId SDK built for x86 is available at: http://127.0.0.1:8102/
For a more detailed help message, press "h". To quIT, press "q".
Lost connection to device.

输入之后,就可以在调试器而不是命令行里启动程序了。启动后界面如下图:

vscode配置flutter开发调试

之后你需要绑定一个快捷键,默认是hot reload,这个模式下可以保留你的应用状态,但是我现在需要hot restart,这个功能默认在调试工具栏里是没有的,那个绿色的刷新按钮,只能hot reload,具体参照这篇帖子 总之就是vscode目前不支持更多的调试栏按钮,只能用命令来实现了,不过插件开发者已经实现了这个功能。绑定快捷键里有hotReload,添加一个hotRestart即可。

在keybindings.json里添加:

{
    "key": "ctrl+c",
    "command": "flutter.hotRestart",
}

脚本宝典总结

以上是脚本宝典为你收集整理的vscode配置flutter开发调试全部内容,希望文章能够帮你解决vscode配置flutter开发调试所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。