vue中npm包的全局安装和本地安装过程

全局安装是在节点安装目录下的node_modules文件夹中安装npm包。在windows和mac中，全局安装的默认路径是不同的。在mac上，它默认安装在/usr/locla/lib中。在windows中，默认安装目录是C: \程序文件\nodejs。当然，您也可以通过以下命令检查全局安装路径。

//检查全局安装路径npm root -g//检查npm npm配置ls的基本设置//检查安装目录路径npm配置获取前缀全局命令

全局安装npm包后，该包的命令将被全局注册，您可以直接在命令行上执行该命令。实际上，在全局安装npm包后，该包存储在/usr/locla/lib/node_modules或c : \ program file \ nodejs \ node _ modules目录中。在这个包的package.json文件中，bin属性下配置的执行命令将放在/usr/locla/bin或C:\Program Files\nodejs文件中。当您在命令行上执行此命令时，系统将执行/usr/locla/bin目录中的相应文件。

安装过程

以vue-cli的全局安装为例，为大家简单描述一下安装过程。

Npm install -g @vue/cli将vue包安装到/usr/locla/lib/node_modules。

在node_modules目录中查找vue包的package.json中的bin属性。

检查目录/usr/locla/bin或C: \程序文件\nodejs中vue命令的执行文件

在命令行执行vue create vue-test

本地安装

安装位置

在一个特定的项目中执行npm install xxx，这个包将被安装在这个项目的node _ moduels目录中。但是，如果您在这个项目的包中直接执行该命令，您会发现控制台报告一个错误，告诉您找不到该命令。此时，有两种解决方案：

Npx包命令

脚本“: {”包命令“:”包命令。}原理：在本地安装一个包后，package命令会被添加到node_modules/。项目的bin文件。执行npm run命令，package.json中的脚本会按照一定的顺序找到对应命令的位置，本地node_modules/。bin也在搜索列表中。因此，可以执行本地安装的包的命令。

摘要

以上是边肖介绍的vue NPM包的全球安装和本地安装流程。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！