Flutter 的 VSCode 热重载

Question

我刚刚开始在 VSCode 中使用 Flutter。我还安装了 Dart 插件。 运行我在终端中读取的演示应用程序

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

Answer 1

有一个扩展。叫

Dart Code

和另一个叫

Flutter Code

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

Answer 2

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

步骤

1. 打开设置。
2. 在设置搜索框中粘贴此文本 >

   dart.flutterHotReloadOnSave

   。
3. 并将值从“Manual”更改为“All”

Answer 3

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

VS 代码的键绑定：

Answer 4

VSCode debug ->

start debuging

，改改试试，就是你想要的。

Answer 5

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

但是，您可以映射 -

Flutter: Hot Reload

通过-

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

Preferences > Keyboard ShortCuts

如截图所示-

Answer 6

从 VSCode 打开 Debug 侧边栏并使用它

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

Answer 7

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

Answer 8

在 Mac 上选择

无需调试或 Shift+f5 运行

你会在顶部看到这个选择热重载的电动图标。

做一些更改后保存它。它会自动反映变化。

Answer 9

如果 flutter 和 dart 扩展已经安装在 vscode 上

从手动设置为全部

Answer 10

是的 这是 VS CODE 的插件 Dart Code

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

这里是 VsCode flutter 的官方文档

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

Answer 11

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

保存文件

Answer 12

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

Answer 13

我不知道为什么但是我的 vscode 热重载不起作用如果你有这个问题你可以使用

ctrl + f5

来刷新应用程序。 希望为热重载对他们不起作用的开发人员工作。

Answer 14

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

Answer 15

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

Answer 16

===== 2022 年 8 月更新 =====

v3.42 及更高版本：您可以通过在 VSCode 设置中将 Flutter Hot Reload On Save 设置为

allIfDirty

，在最新版本中启用自动保存时的热重载。

===== 旧版本（2022 年初及以下）=====

v3.41 及以下版本： 您可以通过在 VSCode 设置中将

Flutter Hot Reload On Save

设置为

always

来在最新版本中启用自动保存时的热重载。

v3.19 only: 他们完全禁用了自动保存时的热重载。

v3.18及以下版本：自动保存时扩展自动热重载

Answer 17

如果您从终端运行您的 flutter 项目，您将必须手动按

r

进行热重载。

因此使用 VS Code 中的

Run and Debug

选项来测试您的项目。

Answer 18

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

我认为无需降级、更新到 Insiders 版本和/或降低开发速度的最有说服力的方法是使用 VS Code 运行小部件中的绿色重启/重新加载按钮或

Ctrl+Shift+F5

快捷方式，但此选项可能不可接受对于导航更棘手且几乎没有不同视图的项目。