5 个你（可能）不知道的 npm 使用技巧/窍门🚀

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

这篇文章或许能提升你的工作效率，但至少也能让你的新技能给一些同事留下深刻印象。人们会觉得你更聪明，也可能更有魅力——这或许有点夸张，但确实能吸引更多点击量。🙈

如果你想看视频版，请点击下方链接；如果你喜欢阅读，那就继续往下滚动吧……📚

1. 列出可用脚本

要轻松查看项目中所有可用的脚本，只需运行：

npm run

这样就能得到漂亮的输出结果，显示如下命令：

2. 列出已安装的软件包

npm list

这或许透露的信息太多了，因为我们看到了依赖项之间的依赖关系……

使用此选项 --depth可以限制搜索深度。

npm list --depth=0

如您所见，限制深度后的输出结果如下：

3. 打开软件包的主页或仓库

我非常喜欢这个功能，因为可以快速获取软件包的文档。

要自动打开软件包主页，您可以运行：

npm home PACKAGE_NAME 

要打开代码仓库，只需运行：

npm repo PACKAGE_NAME 

这非常方便，这样你就不用去谷歌搜索文档或 npm 页面，可以快速访问你不了解的软件包的所需信息。

4. 显示软件包的所有可用版本

要获取软件包的最新版本，我们可以运行：

npm v react version

或者，对于所有版本，我们只需将“版本”改为复数形式即可。

npm v react versions

然后，我们会得到所有可用版本的精美输出，如果您想查看哪些是新的/旧的，或者是否有任何 alpha 版本可以试用，这将非常方便。

以下是运行命令的部分输出结果npm v react versions：

5. 查找过期包装

该outdated命令会检查 npm 注册表，查看你的软件包是否有过时的版本。它会在命令行输出一个表格，显示当前版本、目标版本和最新版本。

npm outdated

如果你看到像我示例中那样以红色显示的软件包，这意味着它们存在一些重大漏洞，应该进行更新。正如你在这个已有四年历史的项目中看到的，所有软件包都显示为健康的红色……

如果您需要与当前版本不同的版本，您可以运行以下命令npm update来安全地更新这些软件包。

我认为更新和检查过时组件的更好方法是运行npm audit命令，这样可以提供更详细的信息。我没有把它列为提示，因为安装依赖项时，系统总是提示我们在控制台运行该命令。

Visual Studio Code 小技巧！🏆

很多人不知道，其实你可以直接在 Visual Studio Code 中通过其友好的界面运行脚本。

在面板左下角查找“NPM 脚本”。

你可以从这里打开脚本，然后点击播放图标即可启动。我喜欢这种方式，因为它清晰易懂，即使是对不太熟悉npm 的用户来说也很方便。

如果你看不到这个选项，请确保它在设置中已启用。💜

你还有其他什么提高工作效率的小技巧吗？

在推特上关注我

订阅Codú 社区