用于颤振的 VSCode 热重载答案

【问题标题】：VSCode hot reload for flutter用于颤振的 VSCode 热重载
【发布时间】：2018-08-19 00:42:10
【问题描述】：

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

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

【问题讨论】：

我在 32 位版本的 VSCode (1.31.1) 中使用 Save on Windows 10 (Ctrl-S) 进行热重载，但是当我卸载 32 位版本时（保留扩展和设置）并安装了 64 位版本（1.32.1）我失去了这个能力。所有设置都是正确的，即使在重新启动操作系统和应用程序并卸载并重新安装扩展后，64 位 VSCode 也不会在保存时热重新加载。但是，它确实在重新启动时热重新加载（绿色逆时针箭头或 Ctrl-Shift-F5）。这似乎是 1.32.1 版本特有的一个相当新的问题：github.c
如果您在调试模式下运行代码，那么您不必按 r 来触发热重载。

标签： visual-studio-code flutter

【解决方案1】：

有一个扩展。一个叫Dart Code，另一个叫Flutter Code

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

【讨论】：

适用于r 功能...任何人都知道如何从 vs 代码进行完全重新加载 (R)？
哦...刚刚找到它 (github.com/Dart-Code/Dart-Code/issues/411)。有一个命令可以使用 (Flutter: full restart)
调试过程中也可以使用Ctrl+F5完全重启:-)
有一个设置 dart.flutterHotReloadOnSave 在 Visual Studio Code 中为 Flutter 应用程序启用保存时热重载。您需要在调试模式下启动应用程序才能正常工作，调试 -> 开始调试。
@apaatsio 没有这样的设置。

【解决方案2】：

是的，这是 VS CODE 的插件 Dart Code

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

这里是 VsCode Flutter 的官方文档

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

【讨论】：

【解决方案3】：

在 VS 中安装 Dart + Flutter 扩展后，有 2 个热重载选项 1) 使用组合键 Command + Shift + F5。 2) 使用组合键 Command + S 保存文件

【讨论】：

您所说的“命令”是什么键？不是每个人都在使用 Apple 键盘。

【解决方案4】：

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

但是，你可以映射 -

Flutter: Hot Reload

命令任何组合键使您的船通过 -

Preferences > Keyboard ShortCuts

就像这个截图 -

【讨论】：

对我来说，VS Code 中“热重载”的默认快捷键是 Ctrl + F5。

【解决方案5】：

在 VS Code 中使用绿色重新加载按钮热重新加载应用

【讨论】：

如果这些按钮没有出现在 VS Code 的任何地方怎么办？我正试图找到整个按钮面板，但找不到。
查看官方文档以获得支持 [link]flutter.dev/docs/development/tools/vs-code

【解决方案6】：

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

【讨论】：

【解决方案7】：

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

【讨论】：

【解决方案8】：

由于this 等 VS 代码问题，您可能会遇到热重载问题，这与编写此答案时相关。

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

【讨论】：

【解决方案9】：

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

VS Code 的键绑定：

【讨论】：

【解决方案10】：

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

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

【讨论】：

我今天注意到了这一点（并且工作得很好）。我是 Flutter 和一些一般编程的新手，但想知道通过调试器开发是否有任何缺点，或者从“flutter run”之类的运行应用程序？完全通过运行调试器进行开发是常见的做法吗？我知道它是从launch.json 文件运行的；所以想知道在尝试部署应用程序时是否会有任何副作用？...

【解决方案11】：

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

【讨论】：

【解决方案12】：

在 Mac 上选择

无需调试或 Shift+f5 即可运行

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

做一些更改后保存它。它将自动反映更改。

【讨论】：

【解决方案13】：

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

【讨论】：

【解决方案14】：

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

终于找到了解决办法。

步骤

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

【讨论】：

【解决方案15】：

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

【讨论】：