以几个简单的步骤安装NPM

已经了解了包管理器的基本概念？是时候将知识付诸实践了！首先，我们需要安装npm。

本指南将指导您安装Node和npm，并创建一个示例项目，帮助您掌握npm基础知识及其在前端开发中的应用。

指南章节

1. 本指南面向谁？
2. “npm”是什么意思？
3. 命令行是什么？
4. Node是什么？
5. 包管理器是什么？
6. 如何安装npm？(您当前位置!)
7. 如何安装npm包？
8. npm命令是什么？
9. 如何安装现有的npm项目？

检查npm是否已安装

在安装npm之前，先检查它是否已安装。打开终端（MacOS的终端应用程序、VS Code等代码编辑器的集成终端或其他命令行终端）。

输入以下命令（注意，示例中不包含$字符）：

<code>node -v</code>

此命令显示Node的当前版本（如果已安装）。如果Node已安装，命令行将返回已安装的Node版本号：

<code>v16.9.1</code>

您的版本可能不同，但只要显示版本号就表示npm已安装！版本号本身并不重要。

如果npm或Node未安装，您将看到类似“命令未找到”的消息。如果npm已安装但Node未安装（反之亦然），建议先卸载再继续。

如果您需要安装npm和Node，我们将按照官方NPM指南的建议，通过nvm程序进行安装。

安装Node版本管理器

Node版本管理器（nvm）允许您在系统上安装、更新和卸载Node，并管理多个Node版本。

服务器端语言有自己的版本（例如，Node 17.1.0），与浏览器版本（例如，Chrome 96）无关。我们只需要最新版本的Node，因此目前不需要nvm，但将来可能会有用。

安装一个程序只是为了安装另一个程序，这似乎是多余的工作，但这确实是推荐的方法，从一开始就正确操作会使以后的操作更容易。

在Windows上安装nvm

如果您使用Windows，安装过程会更容易。您需要专门用于Windows的nvm，但幸运的是，Windows已经提供了安装程序，只需下载并运行即可。具体说明请参考GitHub上的NVM for Windows仓库。

• 下载最新版本的NVM for Windows。也可以手动安装。
• 打开终端并运行nvm list available命令查看可下载和安装的Node版本列表。
• 运行nvm use命令，后跟要使用的Node版本号（例如nvm use 16.9.1）以使用特定版本。或者，您可以使用latest、lts或newest代替特定版本号，其中newest是最新已安装的版本。

安装后，nvm在Windows机器上的工作方式与其他系统相同。

在MacOS上安装nvm

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

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

0.39.0是发布时的最新版本，但可能需要检查nvm安装自述文件并获取最新版本（如果不同）。

将该命令粘贴到终端并按Enter键后，您将看到终端输出大量无关紧要的信息。实际上，大多数情况下没有人会阅读终端中的这些信息。我们只关心：

1. 命令最终完成；以及
2. 命令没有以错误消息结尾。

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

当输入光标再次闪烁时，表示命令已完成运行，终端正在等待您的输入。在nvm安装完成后，您可能会看到：

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

如果此时没有看到错误，建议在继续之前退出并重新启动您正在使用的终端应用程序。这是一个确保您从干净状态开始的好方法。

如何通过Node安装npm

现在nvm已安装，我们准备做我们真正想做的事情：在系统上安装npm和Node。

最好确认nvm是否正确安装，方法是运行nvm -v。如果终端显示已安装的版本号，则一切正常！如果不是，请记住，您可能需要重新启动终端应用程序才能完成安装。

现在我们有了nvm，安装Node的命令非常简短：

<code>nvm install node</code>

够简单的，对吧？

您应该会看到类似“正在下载和安装node v17.1.0”的消息，尽管版本号可能不匹配，这没关系。您将获得运行时的最新稳定版本。等待命令完成运行——同样，当您回到默认提示符并能够键入更多命令时，您就知道它完成了。

之后，您就完成了！这个简单的命令不仅安装了Node，还安装了npm。同样，您可以使用npm -v和<code>node -v</code>验证所有内容是否已安装并更新。如果一切顺利，您将获得版本号。

接下来的步骤

好了，现在我们有了用于安装和管理Node的nvm、Node本身以及用于处理Node包的npm。在本npm指南的下一部分，我们将把一些包安装到项目中！

← 第5章 第7章 →

以上是以几个简单的步骤安装NPM的详细内容。更多信息请关注PHP中文网其他相关文章！