首页 > web前端 > css教程 > 以几个简单的步骤安装NPM

以几个简单的步骤安装NPM

Joseph Gordon-Levitt
发布: 2025-03-15 09:15:11
原创
405 人浏览过

Install npm in a Few Easy Steps

已经了解了包管理器的基本概念?是时候将知识付诸实践了!首先,我们需要安装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)以使用特定版本。或者,您可以使用latestltsnewest代替特定版本号,其中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中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板