VSCode hot reload for flutter

r4i*_*id4 13 visual-studio-code flutter

我刚刚开始在VSCode中使用Flutter.我还安装了Dart插件.运行我在终端中读取的演示应用程序 在此输入图像描述

这是热重新加载应用程序的唯一方法吗?我的意思是我应该始终打开终端并专注于键入"r"以重新加载我的观点?是不是直接从VSCode快捷方式?

Dil*_*han 56

对于2023 年,这个解决方案是有效的。

脚步

  1. 打开设置。
  2. 将此文本粘贴dart.flutterHotReloadOnSave到设置搜索框上。
  3. 并将值从“手动”更改为“全部

截屏

  • 这是可行的,只需确保使用 VSCode 的内置调试器运行/调试应用程序,而不是仅在集成终端中执行“flutter run”。 (3认同)

Rém*_*let 14

有一个扩展.叫Dart Code.

它将检测到您的项目是一个颤动/飞镖项目.并允许您使用f5调试它+热重载.

  • 您还可以在调试期间使用Ctrl + F5完全重启:-) (5认同)
  • 有一个设置“ dart.flutterHotReloadOnSave”以在Visual Studio Code中为Flutter应用程序启用保存时的热重装。您需要以调试模式启动应用程序才能运行,即Debug-> Start Debugging。 (2认同)

ste*_*eph 7

如果您想使用比Ctrl + Shift + F5更好的键绑定热重新加载应用程序,只需将Debug(调试):Restart(重新启动)更改为Ctrl + S,因此无论何时触发Ctrl + S,应用程序都会首先根据工作台保存更改.action.files.save,然后重新启动应用程序(=热重载,这是您在调试栏中看到的绿色圆圈)。

VS代码的键绑定:

vs代码的快捷键截图


小智 7

VSCode debug -> start debuging,进行更改并尝试,这就是您想要的。


Wic*_*edW 6

不知道为什么 F5 不为我热重载:(

但是,您可以绘制 -

Flutter: Hot Reload
Run Code Online (Sandbox Code Playgroud)

通过任何组合键命令让你的船漂浮 -

Preferences > Keyboard ShortCuts
Run Code Online (Sandbox Code Playgroud)

如这个屏幕截图所示 -

在此输入图像描述


Oma*_*mar 5

从 VSCode 打开调试侧边栏并使用它

在此处输入图片说明

然后当你保存时,它会热重新加载并应用你所做的更改,这就是我的工作