你到底是如何安装 npm 的?

Avatar of Josh Collinsworth
Josh Collinsworth

DigitalOcean 为您的旅程的每个阶段提供云产品。立即开始使用 200 美元的免费积分!

感觉您对包管理器有相当不错的了解?我们已经涵盖了很多内容,熟悉了包管理器的所有术语和概念,但我认为现在是我们实际一些事情的时候了,利用我们新获得的知识。但首先,我们需要安装 npm。

为此,我们将确保已安装 Node 和 npm,然后创建一个小的示例项目,为您提供使用 npm 基础知识的实际动手经验,以及在前端开发工作流程中使用 npm 的样子。

指南章节

  1. 这本指南适用于谁?
  2. “npm”到底是什么意思?
  3. 命令行到底是什么?
  4. Node 到底是什么?
  5. 包管理器到底是什么?
  6. 你到底是如何安装 npm 的? (您就在这里!)
  7. 你到底是如何安装 npm 包的?
  8. npm 命令到底是什么?
  9. 你到底是如何安装现有的 npm 项目的?

确认 npm 是否已安装

在安装 npm 之前,我们应该确认它是否已经安装!如果您不确定 npm 是否已安装在您的系统上,请打开您选择的终端,无论是 MacOS 中的终端应用程序、VS Code 等代码编辑器中的集成终端,还是您可以访问命令行的其他终端。

准备好了吗?从以下命令开始(请注意,我们没有在这些示例中包含$ 字符)

node -v

该命令显示 Node 的当前版本——也就是说,如果它已安装。如果 Node 安装,命令行将以当前安装的 Node 版本号进行响应

v16.9.1

当然,您的版本可能不同。无论哪种方式,您看到版本号这一事实都表明 npm 已安装在您的系统上!请强调一下,数字本身并不重要,只要我们获得某个版本号即可。

如果 npm 或 Node 安装,您将看到类似“命令未找到”的错误消息。在不太可能的情况下,npm 已安装但 Node 未安装(反之亦然),那么在继续之前,最好先将其卸载。

假设您确实需要安装 npm 和 Node(如果您不需要,欢迎跳过下一部分),我们将遵循官方 NPM 指示的建议,并通过名为nvm的程序来执行此操作。

安装 Node 版本管理器

Node 版本管理器或 nvm 允许您在系统上安装、更新和卸载 Node,还可以管理多个版本的 Node,您可以在这些版本之间切换。

Screenshot of the Node Version Manager repository on GitHub which is closely related to how to install npm in terms of installing Node itself.
GitHub 上的Node 版本管理器存储库

如您所知,服务器端语言有自己的发行版本,例如 Node 17.1.0,而不是与浏览器版本绑定,例如 Chrome 96。我们不需要任何版本的 Node,只需最新版本,因此现在对我们来说没有必要,尽管将来对您来说可能是有利的。

我知道,为了安装另一个程序而专门安装一个程序,这似乎要多做很多工作,但再次强调,这是推荐的方法,从一开始就正确做事,从长远来看会更容易。我宁愿让您取得成功,也不愿为了在以后遇到更多复杂性而简化事情。

在 Windows 上安装 nvm

如果您使用的是 Windows,您实际上会更容易。您需要专门为 Windows 提供的 nvm,但幸运的是,Windows 已经有一个安装程序,您只需下载并运行即可。说明位于 GitHub 上的用于 Windows 的 NVM 存储库中。

  • 下载用于 Windows 的 NVM 的最新版本。如果您愿意,可以手动安装
  • 打开终端并运行nvm list available 命令以查看可供下载和安装的 Node 版本列表。
  • 运行nvm use 命令,后跟您要使用的 Node 版本号(例如nvm use 16.9.1)以使用特定版本。或者,您可以使用latestltsnewest 代替特定版本号,其中newest 是最新安装的版本。

安装完成后,nvm 在您的 Windows 机器上的工作方式与在任何其他系统上的工作方式相同。

在 MacOS 上安装 nvm

要在 MacOS 上安装 nvm,第一步是用以下命令下载它

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash

0.39.0 是发布时的最新版本,但可能值得查看nvm 安装自述文件 并获取最新版本(如果不同)。

将该命令粘贴到终端并按下Enter 键后,您将看到您的终端输出一大堆无关紧要的东西。实际上,我告诉你一个小秘密:大多数时候,没有人会阅读终端中的内容。我们只关心…

  1. 该命令最终完成;以及
  2. 它没有以错误消息结束。

如果您在安装过程中被提示输入命令,请按q 键退出并继续。

当输入光标再次闪烁时,您将知道该命令已完成运行,这表示终端正在等待您输入的文本。您甚至可能在 nvm 完成安装后立即看到它

=> Close and reopen your terminal to start using nvm or run the following to use it now:

假设此时您没有看到任何错误,我建议您在继续之前退出并重新启动您正在使用的任何终端应用程序。这是一种确保您使用干净环境的好方法。

如何通过 Node 安装 npm

现在 nvm 已安装,我们已经准备好做我们一开始真正想做的事情:在我们的系统上安装 npm 和 Node。

通过运行nvm -v 确认 nvm 是否已正确安装,这并不是一个坏主意。如果终端显示已安装的版本号,您就可以开始了!如果没有,请记住,您可能需要重新启动终端应用程序才能使安装完全处理。

现在我们有了 nvm,安装 Node 是一个非常简短的命令

nvm install node

足够简单,对吧?

您应该看到类似于Downloading and installing node v17.1.0 的消息,尽管版本号可能不匹配,但这没关系。您将在运行时获得最新稳定版本。等待该命令完成运行——再次强调,当您回到默认提示符并能够键入更多命令时,您将知道它已完成。

之后,您就完成了!这个简单的命令不仅安装 Node,还会安装 npm。同样,您可以使用npm -vnode -v 验证所有内容是否已安装和更新。如果一切正常,您将获得版本号。

接下来是什么

好吧,此时,我们有了用于安装和管理 Node 的 nvm、Node 本身以及用于处理 Node 包的 npm。在本 npm 指南的下一章中,我们将把一些包安装到项目中!