VSCode 颤动的热重载

Question

我刚开始玩 Flutter VSCode。我还安装了 Dart 插件。运行我在终端看到的演示应用

这是热重载应用程序的唯一方法吗？我的意思是我应该始终保持终端打开并专注于键入 "r" 以重新加载我的视图？ VSCode没有直接的快捷方式吗？

Answer 1

有一个扩展。名为 Dart Code，另一个名为 Flutter Code

他们会检测到您的项目是 Dart/Flutter 项目。并允许您使用 f5 对其进行调试 + 热重载。

Answer 2

是的这是 VS CODE 的插件 Dart 代码

https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code

这里是 VsCode flutter

的官方文档

https://flutter.io/get-started/editor/#vscode

Answer 3

在 VS 中一旦安装了 Dart + Flutter 扩展，热重载的 2 个选项 1) 使用组合键 Command + Shift + F5。 2) 使用组合键 Command + S

保存文件

Answer 4

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

但是，您可以映射 -

Flutter: Hot Reload

通过 -

向任何组合键发送命令使您的船漂浮

Preferences > Keyboard ShortCuts

如此屏幕截图所示 -

Answer 5

使用 绿色重新加载 按钮 热重新加载 VS Code 中的应用程序

Answer 6

我有两个扩展，VSCode 设置为保存文档后热重载。我唯一可以重新加载我的应用程序的方法是停止并重新启动我的调试器

Answer 7

我不知道为什么，但我的 vscode 热重载不起作用如果您遇到此问题，您可以使用 ctrl + f5 刷新应用程序。希望为热重载对他们不起作用的开发人员工作。

Answer 8

由于像 this 这样的 VS Code 问题，您可能会遇到热重载问题，这在撰写此答案时是相关的。

我看到最有说服力的方法是在不降级的情况下更新到 Insiders 构建 and/or 降低开发速度是使用 VS Code 运行小部件中的绿色 restart/reload 按钮或 Ctrl+Shift+F5 快捷方式，但对于导航较复杂且几乎没有不同视图的项目，此选项可能不可接受。

Answer 9

如果你喜欢使用比 Ctrl+Shift+F5 更好的键绑定来热重载你的应用程序，只需将调试：重新启动更改为 Ctrl+S，这样每当你触发 Ctrl+S 时，应用程序将首先保存你的根据 workbench.action.files.save 进行更改，然后重新启动应用程序（=热重载，它是您在调试栏中看到的绿色圆圈）。

VS 代码的键绑定：

Answer 10

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

然后当您保存时，它会热重载并应用您所做的更改这就是我的工作方式

Answer 11

VSCode debug -> start debuging，改一下试试，就是你想要的。

Answer 12

在 Mac select

Run without Debugging or Shift+f5

您会在顶部看到这个 select 热重载的电动图标。

修改后保存。它将自动反映更改。

Answer 13

您需要从 VS Code 的内置调试器而不是 VS Code 的终端运行 Flutter 应用程序。

Answer 14

对于 2022，此解决方案有效。

步骤

打开设置。
将此文本粘贴 > dart.flutterHotReloadOnSave 到设置搜索框。
并将值从“Manual”更改为“Always”

Answer 15

Select ▷ 然后“运行无需调试” -> 您现在可以在 Mac 上使用 ⌘S 以 ⚡ 热重载 ⚡

VSCode 颤动的热重载

VSCode hot reload for flutter

visual-studio-code

flutter