已经了解了包管理器的基本概念?是时候将知识付诸实践了!首先,我们需要安装npm。
本指南将指导您安装Node和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版本管理器(nvm)允许您在系统上安装、更新和卸载Node,并管理多个Node版本。
服务器端语言有自己的版本(例如,Node 17.1.0),与浏览器版本(例如,Chrome 96)无关。我们只需要最新版本的Node,因此目前不需要nvm,但将来可能会有用。
安装一个程序只是为了安装另一个程序,这似乎是多余的工作,但这确实是推荐的方法,从一开始就正确操作会使以后的操作更容易。
如果您使用Windows,安装过程会更容易。您需要专门用于Windows的nvm,但幸运的是,Windows已经提供了安装程序,只需下载并运行即可。具体说明请参考GitHub上的NVM for Windows仓库。
nvm list available
命令查看可下载和安装的Node版本列表。nvm use
命令,后跟要使用的Node版本号(例如nvm use 16.9.1
)以使用特定版本。或者,您可以使用latest
、lts
或newest
代替特定版本号,其中newest
是最新已安装的版本。安装后,nvm在Windows机器上的工作方式与其他系统相同。
要在MacOS上安装nvm,第一步是使用以下命令下载它:
<code>curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash</code>
0.39.0是发布时的最新版本,但可能需要检查nvm安装自述文件并获取最新版本(如果不同)。
将该命令粘贴到终端并按Enter键后,您将看到终端输出大量无关紧要的信息。实际上,大多数情况下没有人会阅读终端中的这些信息。我们只关心:
如果在安装过程中提示您输入命令,请按q键退出并继续。
当输入光标再次闪烁时,表示命令已完成运行,终端正在等待您的输入。在nvm安装完成后,您可能会看到:
<code>=> Close and reopen your terminal to start using nvm or run the following to use it now:</code>
如果此时没有看到错误,建议在继续之前退出并重新启动您正在使用的终端应用程序。这是一个确保您从干净状态开始的好方法。
现在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中文网其他相关文章!