你觉得你对包管理器有一个相当好的概念吗?我们已经熟悉了包管理器的所有术语和概念,但我认为现在是时候用我们新发现的知识做一些事情了。但首先,我们需要安装npm。
为此,我们要确保我们已经安装了Node和npm,然后做一个小的示例项目,让你真正亲身体验一下npm的基础工作,以及在前端开发工作流程中使用npm的样子。
指南的各个章节
- 本指南到底是为谁准备的?
- npm "到底是什么意思?
- 命令行是什么?
- Node是什么?
- 软件包管理器是什么?
- 如何安装npm? (You are here!)
- 你是如何安装npm包的?
- npm命令到底是什么?
- 如何安装一个现有的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版本,你可以在它们之间切换。

GitHub上的Node版本管理器仓库
你可能知道,服务器端语言有自己的发布版本,例如Node 17.1.0,而不是与浏览器版本绑定,例如Chrome 96。除了最新的版本,我们不需要任何版本的Node,所以这对我们来说现在没有必要,尽管这对你来说可能是有利的。
我知道,安装一个程序只是为了安装另一个程序,这似乎是一个很大的额外工作,但是,这也是推荐的路径,从一开始就以正确的方式做事,从长远来看,会更容易。我宁愿为你的成功做准备,而不是以以后的复杂性为代价使事情变得简单。
在Windows上安装nvm
如果你是在Windows上,你实际上在这里会有一个更容易的时间。你将需要专门用于Windows的nvm,但幸运的是,Windows已经有一个安装程序,你只需下载并运行即可。说明在GitHub上的NVM for Windowsrepo中。
- 下载最新版本的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,第一步是用这个命令下载它。
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
0.39.0 是发布时的最新版本,但可能值得检查nvm的安装readme,并获得最新的,如果不同的话。
一旦你把这个命令粘贴到终端并点击回车,你会看到你的终端输出一堆并不重要的东西。事实上,我告诉你一个小秘密:在大多数时候,没有人会阅读他们终端中的东西。我们所关心的是,...
- 命令最终完成了;而且
- 它不会以错误信息结束。
如果你在安装过程中被提示有一个命令,按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。如果没有,请记住,在安装过程完全结束之前,你可能必须重新启动你的终端应用程序。
现在我们有了nvm,安装Node是一个超级短的命令。
nvm install node
很简单,是吗?
你应该看到一个类似于Downloading and installing node v17.1.0 的信息,虽然版本号可能不一致,但这很正常。你会在运行时得到任何最新的稳定版本。等到命令运行完毕--还是那句话,一旦你回到默认的提示符下,你就会知道它已经完成了,你可以输入更多的命令。
在这之后,你就完成了所有的工作!这个简单的命令不仅安装了Node,而且还将安装npm。同样,你可以通过npm -v 和node -v 来验证所有的东西都安装好了,并且是最新的。如果一切顺利,你会得到一个版本号。