VSCode hot reload for flutter

Question

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

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

Answer 1

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

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

Answer 2

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

VS代码的键绑定：

Answer 3

不知道为什么F5不为我热装弹：（

但是，您可以映射-

Flutter: Hot Reload

命令通过任意组合键通过-

Preferences > Keyboard ShortCuts

如此屏幕截图-

Answer 4

使用绿色重新加载按钮以VS Code热加载应用 iloc

Answer 5

是这是VS CODE的插件Dart代码

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

这是VsCode flutter的官方文档

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

Answer 6

在VS中，一旦安装了Dart + Flutter扩展程序，就有2个选项可以热加载1）使用组合键Command + Shift + F5。 2）使用组合键Command + S

保存文件

Answer 7

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

然后，当您保存时，它将热加载并应用您所做的更改 那就是和我一起工作

Answer 8

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

Answer 9

在Mac上选择

运行时无需调试或Shift + f5

您将在顶部看到此图标，选择热重装的电子图标。

进行一些更改后将其保存。它将自动反映更改。

Answer 10

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

Answer 11

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

Answer 12

我不知道为什么，但是如果遇到此问题，我的vscode热重装将无法进行，您可以使用ctrl + f5刷新应用程序。 希望为热重装不适合他们的开发人员工作。

Answer 13

我也面临这个问题（2021/04 年）。我尝试了 StackOverflow 上提供的许多解决方案，但都没有奏效。

终于找到了解决办法。

有一个名为 dart.flutterHotReloadOnSave 的设置，用于在 Visual Studio Code 中为 Flutter 应用程序启用保存时热重载。 像这样设置值：- "dart.flutterHotReloadOnSave": "always",

步骤

1. 打开扩展设置。
2. 在 settings.json 中选择编辑
3. 将此添加/更改为“始终”：- "dart.flutterHotReloadOnSave": "always",

Answer 14

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