NPM 脚本未显示在资源管理器侧边栏中。如何再次向他们展示？答案

【问题标题】：NPM scripts not shown in Explorer sidebar. How to shwo them again?NPM 脚本未显示在资源管理器侧边栏中。如何再次向他们展示？
【发布时间】：2021-06-30 18:34:13
【问题描述】：

我在使用 Visual Studio Code for Windows 10 时遇到了这个问题：我在资源管理器侧边栏中看不到 NPM 脚本。

我删除了所有的扩展，卸载了 VS Code，也取消了它的文件夹和扩展文件夹，再次安装了最新版本的 VS Code，没有自定义选项和扩展，但它并没有解决我的问题； NPM 脚本菜单没有出现。

我该如何解决这个问题，以便再次显示 NPM 脚本菜单选项？

【问题讨论】：

你试过View/Open View... 输入NPM 点击NPM Scripts。
在最新版本的Windows 10 x64 vscode 1.55.0用户设置中，没有出现。

标签： visual-studio-code vscode-settings npm-scripts

【解决方案1】：

寻找 NPM-Scripts explorer 的地方很少：

可以在 VSCode 的 settings.json 中使用以下设置启用或禁用 npm-scripts 资源管理器：

"npm.enableScriptExplorer": false 默认值为false，更改为true，它应该可以工作。如果没有出现，请尝试重新启动 VSCode 以使更改生效（尽管通常不需要重新启动）。

另一个很难注意到的地方是项目浏览器右上角的三个点...（验证是否选中了NPM 脚本）。这是我亲身体验过的不同扩展。

【讨论】：

用最新版本的vscode（1.55.0）尝试了所有的地方，但是没有出现NPM Scripts。我也尝试直接编辑文件settings.json，但没有解决。使用之前版本的 vscode (1.54.3) 不会出现这个问题。
我能理解它变得多么令人沮丧。我自己去过那里。
我建议您尝试在他们的 github 上创建问题。我看到人们已经面对similar issues in past 并且也抱怨 1.55 (github.com/microsoft/vscode/issues/120279)

【解决方案2】：

希望这个问题刚刚得到解决 - 请参阅 https://github.com/microsoft/vscode/issues/120279#event-4631666095 和 https://github.com/microsoft/vscode/issues/120279#issuecomment-824950294 寻求测试验证。

它现在在 Insiders 中，并在 2021 年 5 月上旬在 Stable 中。它为我修复了它。

View/Open View...
输入NPM
点击NPM Scripts

如果还是不行，请看https://github.com/microsoft/vscode/issues/119868

您的package.json 在根级别吗？如果您先打开package.json，然后查看视图，会有什么不同吗？或者尝试打开另一个.json 文件（甚至发布说明已被报告为有效），然后执行Reload。否则，请将您的信息添加到问题中。

【讨论】：

【解决方案3】：

您可以安装 NPM-Scripts 扩展程序，该扩展程序与内置于 vscode 中的 npm 脚本功能相同。

【讨论】：

很高兴知道这一点。但我认为 OP 只是想修复原始的内置 int 功能，而不是用不同的扩展替换它。

【解决方案4】：

打开“文件 > 首选项 > 设置”
搜索“npm 脚本”
切换“Npm：启用脚本资源管理器”
关闭VSCode；重新打开

【讨论】：

【解决方案5】：

解决方法：如果我打开带有 package.json 的编辑器选项卡（我在根目录和其他两个地方有一个），关闭并重新打开 VSC，那么它似乎“找到”了 NPM 视图.

TL;DR; 我的 VSC (1.55.2) 不一致地显示/不显示 NPM 视图。

当它在没有视图的情况下启动时，我无法使用 View->Open "npm"。资源管理器选项中没有选项 (...)

当它从视图开始时，View->Open 的结果是“npm”。在资源管理器选项中有选项 (...)

在这里报告错误：https://github.com/microsoft/vscode/issues/120279

【讨论】：

【解决方案6】：

尝试删除 package-lock.json 并重启 VSCode。就我而言，它有效。

【讨论】：

【解决方案7】：

感谢我回答这个问题可能有点晚了。对我来说，这是由于未选择 npm 脚本在资源管理器中显示。选中该框后，即可查看 npm 脚本窗口。

【讨论】：

谢谢，它对我来说消失了。 :D
对我来说这就是我所缺少的，非常感谢！

【解决方案8】：

版本 1.59.1

转到查看 -> 打开查看并输入：npm scripts:

【讨论】：

【解决方案9】：

当我打开 VSCODE 时，有时会发生这种情况。每当发生这种情况时，我只需加载一个 package.json 文件。当我关闭 package.json 文件时，NPM SCRIPTS 菜单仍然出现。

【讨论】：