flutter vscode launch.json 调试

flutter vscode launch.json 调试

最近在学习flutter,官方对于flutter的开发工具推荐的是Android Studio, 但是对于一个前端开发的人来说vscode应该更熟练一些,所以最后选择了vscode, 但是一切按照流程去走的,在debugger的时候就出问题了。

❎ 错误:Your launch config references a program that does not exist. If you have problems launching, check the “program” field in your “.vscode/launch.json” file.

看错误提示也知道是配置文件launch.json的问题, 但是自己在网上搜索了很多个配置都没有起作用, 终于在不断的摸索中找到了正确的方法, 今天分享在这里,也希望后面学习的人少走弯路吧。

1. flutter — 搜索命令

cmd+shift+p 调出命令列表,搜索flutter,会有很多指令, 这里也可以新建一个flutter项目

2.  快速调试

我们如果想用vscode 调试flutter项目一定要配置好launch.json文件, 如果没有配置就会出现文章开头的报错了。操作如下

点击红色框里面的按钮

选择Flutter : Launch,之后就会生成如下配置代码:(我自己的)


{
    "version": "0.2.0",
    "configurations": [

        {
            "name": "Flutter",
            "type": "dart",
            "request": "launch",
            "program": "lib/main.dart"
        },
        {
            "name": "Dart",
            "type": "dart",
            "request": "launch",
            "program": "lib/main.dart"
        },
       
    ]
}

配置到这里后,要保证我们电脑上有任意一台模拟器在运行, 我自己用的xcode的模拟器,也可以用Android Studio的模拟器或者真机,vscode里面按照下面的步骤去操作。

可以看一下控制台,

切换模拟器和真机

当项目正在调试中,是不能切换的,必须终止掉后切换。
切换方法也很简单,当有多个设备/模拟器链接时vscode右下角会有当前测试设备/模拟器,点击就可以切换

 

 

执行完成后如下图我自己写的一个小案例

当我们修改了代码后,模拟器就会时时变化了, 对于开发flutter项目真的不要太方便哦。

 

关于热更新你需要了解的

  • 热更新只发生在开发的debug过程,发布后优化效率,这个功能会被移除,另外flutter的热更新并像lua网游这类游戏的线上热更新
  • 当产生错误时是无法热更新的,修正后自动会进行更新。
  • 当出现严重错误,可能导致修复后无法热更新,这时候需要使用reload重载
  • 重载也比重新调试快很多,重载相当于将main重载到app中。
  • 热更新按钮基本不需要去点击,保存后自动热更新,当然可以在vscode下进行配置自动热更新开关

更多关于flutter的分享会持续更新,上面如果有不对的地方大家及时帮忙提出来哦!

——- 更多分享 ——-

flutter开发环境配置:mac 上配置flutter开发环境 flutter安装入门教程

flutter图标:Flutter Icons 内置图标库,全套Material图标

 

站内部分资源收集于网络,若侵犯了您的合法权益,请联系我们删除!
赞赏是最好的支持
如果对你有帮助那就支持一下吧
立即赞赏
分享到:
赞(10) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

小月博客-一个专注于分享的技术博客
没有账号? 忘记密码?