保存在 vscode 中时自动应用更改答案

【问题标题】：Auto-apply of changes when saving in vscode保存在 vscode 中时自动应用更改
【发布时间】：2021-08-19 06:50:36
【问题描述】：

我已将 vscode 安装到两台不同的 PC 中，其中一台自动应用我在我正在工作的 .vue 文件的模板中所做的更改，而另一台则没有这样做（eg 当我将按钮的高度从 1rem 更改为 5rem 时，我可以立即看到 Google 或 Mozilla Firefox 浏览器中的更改，或者页面自动重新加载而无需我做任何东西）。当我对资产文件夹中的外部 CSS 文件进行更改时也是如此。

我也尝试并安装了相同的扩展程序（例如 live-server、live-Sass-compiler、vetur、prettier），但同样的问题在另一台 PC 中仍然存在。现在，我无法使用工作的 auto-apply-changes-made-in-the-template-or-CSS 访问 PC。所以我的问题是：有没有人知道如何启用或恢复在您将 vscode 中的更改保存到浏览器时自动应用更改的功能。

我进行的其他故障排除：

从系统中完全卸载并重新安装 vscode。
删除了项目的本地文件夹，再次克隆，重新安装包。
删除所有扩展并重新安装。

附：我在处理同一个项目时使用 nuxt.js 框架。

【问题讨论】：

标签： visual-studio-code nuxt.js vscode-settings

【解决方案1】：

解决方法：重置有问题的电脑。

我没有重置单元来解决这个特定问题，而是因为一些 sophos 应用程序损坏需要重置问题单元（我不知道所述损坏是否导致了这个特定问题）。无论如何，在重置问题单元后，该单元现在可以正常工作，没有任何问题。

【讨论】：

【解决方案2】：

问题可能来自本地 VScode 服务未运行或某些设置未镜像到另一个。

您可以比较 VScode 设置的 2 个实例，为此：ctrl + shift + p（又名命令面板）并输入 Preferences: Open Settings (JSON)。
关心的设置可能是关于"editor.formatOnSave": true，或者你没有运行ESlint服务器？

通常，Nuxt（更准确地说是 Webpack 本身）只监视项目中的文件，如果您编辑这些文件，它将 HMR（热模块重新加载）页面。
如果更改也与 SSR 相关，则会刷新页面。

你可以使用这个扩展：https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
它将允许在编辑器之间同步设置。因此，将其安装在“工作”的 VScode 上，上传它的设置并下载到“非工作”的 VScode 上。

最后，您还可以尝试创建一个新的 Nuxt 项目，看看它是否 HMR/自动重新加载，也可能来自该项目（如果出现问题）。除了重新加载可能更快！

【讨论】：

您好，谢谢您的回复！我已经完成了新项目，我的意思是我已经在“工作”计算机上克隆了该项目。我还尝试在不同的文件夹上启动一个新的 git init 并在“不工作”单元中克隆相同的项目，但它仍然无法工作。我刚刚尝试从我的笔记本电脑同步另一个设置配置文件（它具有保存后自动应用更改的功能），但它仍然无法正常工作，这包括已经在“editor.formatOnSave”中的“不工作”单位设置为真。但所有这些对我都不起作用。
我还没有尝试过扩展，因为我还在工作。我在家里的笔记本电脑上有这个工作功能，如果它工作，我明天会尝试，找到结果后我会回来。
拥有代码 + 安装依赖项就足够了（即使git clone 是最快/最简单的做事方式，git 也不会跟踪它）。你的回购是公开的吗？我可以尝试简单地打开它，看看它是否对我有用，这样我就可以告诉你这是 VScode 问题还是项目问题（可能是 VScode，但仍然如此）。这个扩展很好，因为它消除了 2 个 VScode 实例之间任何可能忘记的东西。
我目前正在处理的项目是私有的，但我有相同的项目具有相同的行为（如果它真的是一个项目相关，但我有点怀疑）这里：github.com/ypinbong/LouGehwVue.git
将端口更改为 3000，它在我的机器上也确实可以正常工作。 VScode 问题如此。