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图标