如何阻止 npm 编译 Visual Studio 代码中的每个按键？答案

【问题标题】：How to stop npm from compiling every keystroke in visual studio code?如何阻止 npm 编译 Visual Studio 代码中的每个按键？
【发布时间】：2019-02-05 21:18:29
【问题描述】：

我正在学习 angular/node/npm 的课程，但我找不到阻止 npm 为 vs-code 中的每次击键编译我的源代码的方法。我想，这是因为自动保存，但我的 vs-code 没有设置为自动保存。

如何禁用 npm 进行自动编译？
如何调用 npm 进行手动编译？

【问题讨论】：

我假设 Angular 应用程序是使用 Angular CLI 构建的。如果是这种情况，很可能您拥有 AngularCLI 为您创建的脚手架附带的构建设置。在这种情况下，Webpack 将仅在保存时编译您的源文件，而不是每次击键。不确定是什么让您感觉它是在每次击键时编译的。你不觉得这会让这个编译过程变得非常繁重吗？
你使用的是 Angular-CLI 还是 webpack？
没错，我正试图摆脱不必要的编译。是的，它是用 Angular CLI 构建的，发现 settings.json 声明 files.autoSave":"AfterDelay"。我已经改变了它，现在它不是为每次击键编译，是的！但是，是否存在“按需编译”的可能性。或许，我应该为此定义一个任务。谢谢你们的cmets！
只需将其更改为“files.autoSave”：“off”，（这是默认设置）。所以你的编译现在应该只在你保存时触发。你把它改成什么了？

标签： node.js angular npm visual-studio-code

【解决方案1】：

我相信您在 Visual Studio Code 中打开了“自动保存”。
在 VS Code 中，只需转到：
设置 --> 常用用户 --> 文件：自动保存 --> 选择“关闭”

【讨论】：

出于某种原因，这也为我打开了！
@BrokenGlass，它发生在 3-4 台计算机上，我相信是更新。

【解决方案2】：

这与 Visual Studio Code 无关，它的功能称为 HotModuleReplacement

运行时执行以下操作

ng serve --live-reload false

【讨论】：