美文网首页
分清全局安装与本地安装

分清全局安装与本地安装

作者: dou527 | 来源:发表于2021-07-02 18:11 被阅读0次

分清全局安装与本地安装

npm 包管理工具-分清全局安装与本地安装

四、npm 包管理工具

4.1 分清全局安装与本地安装

刚学习 npm 的时候,官方教程在介绍 -g 参数时是这么描述的:“加上 -g

参数是全局安装,否则本地安装”。这种说话说一半的感觉真的很让人讨厌,什么是全局什么是本地完全没有介绍。以至于后来很长一段时间才搞明白这个概念。虽然是个小知识点,但我觉得有必要在学习模块安装之前先介绍一下。

1. 全局安装和本地安装都安装到了哪?

官方文档:使用 -g 安装的模块为全局安装,否则为本地安装。

使用 -g 安装全局模块

$ npm install express -g

不使用 -g 安装本地模块

$ npm install path

那么问题来了,全局模块和本地模块都安装到哪了?

全局模块安装路径

// 输入指令查询全局模块安装路径$ npmlist-g --depth=0

查询全局模块安装路径

本地模块安装路径

本地模块安装路径

本地模块安装在当前目录下的 node_modules 目录下。

以上图为例:安装本地模块的当前目录是 D:\code,那么在该目录下会自动创建 node_modules 目录(如果之前有这个目录就不会创建了),在 node_modules 目录下就可以找到刚才安装的 path 模块了。

2. 全局安装和本地安装的包有啥区别?

我们将一些包全局安装,另一些包本地安装,二者有什么区别呢?

官方的解释是:

全局安装的包直接安装到计算机中,只需安装一次,以后在计算机的任何位置都可以使用这个包;

看本地安装包安装到哪儿可以知道本地包是安装在当前目录下的,也就是说,只有在当前目录下才可以使用安装的本地包。比如上面贴的图片中安装的本地包 path,只有在 D:\code 目录下才能使用这个包,换做其它任何目录是不能使用它。

全局安装与本地安装

总结:全局安装安装一次重复使用,本地安装使用什么安装什么。

3. 哪些包我应该全局安装,哪些包又应该本地安装?

既然全局安装安装一次就可以重复使用,那么干嘛不是所有包都使用全局安装呢?

回答上面那个问题之前,先来解释下另一个问题:哪些包应该全局安装?

约定俗成的,对于那些提供命令行工具的包进行全局安装,其它包本地安装。

举例说明:

安装 dva-cli 包

$ npm install dva-cli -g

使用命令行工具输入指令 dva new 创建 dva 脚手架

$ dvanewdva-demo

像这种能提供指令的包通常进行全局安装

安装 eslint 包

$ npm install eslint -g

使用指令 --init 设置一个配置文件

$ eslint --init

像这种能提供指令的包通常进行全局安装

总结:不用管上面两个案例的指令具体是什么,只要提供指令的包都建议使用全局安装;其它包打包是提供一个功能,用于解决某一需求,建议安装成本地包。

你可能还会困惑,我刚开始学习 npm 还不知道哪些包是否提供指令,应该怎么办?没有关系,不知道的全部安装成本地包,在实践中如果发现这个包提供指令,也可以使用后面章节会提到的卸载包,再重新进行全局安装即可。

相关文章

  • 分清全局安装与本地安装

    分清全局安装与本地安装[https://www.cnblogs.com/xiaoniaohhl/p/1127368...

  • npm_npmscript前端工作流_gulp_webpack

    1.npm install _本地安装与全局安装的区别? npm的包安装分为本地安装(local)、全局安装(gl...

  • webpack的安装与卸载

    一、全局安装与卸载(不推荐) 1.全局安装 2.打印版本 3.全局卸载 二、本地安装与卸载(推荐) 1.本地安装 ...

  • npm常用命令

    npm常用命令 安装 全局安装与本地安装 将包安装到全局环境中 本地安装 将安装包放在 ./node_module...

  • npm 包管理工具-分清全局安装与本地安装

    四、npm 包管理工具 4.1 分清全局安装与本地安装 刚学习 npm 的时候,官方教程在介绍 -g 参数时是这么...

  • NPM使用

    一:简介 二:npm  1:npm install   scope:分为全局安装与本地安装,默认为本地安装,-g表...

  • webpack安装

    安装方式:全局安装、本地安装 全局安装好处: npm会帮我们绑定一个命令行环境变量,一次安装、处处运行本地安装:会...

  • webpack3.x笔记

    全局安装 查看版本 不过官方建议在本地安装,不要全局安装 本地安装 首先在文件夹初始化npm,生成 package...

  • vue6

    Webpack的配置和使用 安装 全局安装 本地安装 使用 直接通过命令参数来执行 如果是全局安装的 如果是本地安...

  • webpack的基本应用

    全局安装命令 全局安装的路径C:\Users\Web前端\AppData\Roaming\npm 本地安装命令 在...

网友评论

      本文标题:分清全局安装与本地安装

      本文链接:https://www.haomeiwen.com/subject/khkyultx.html