npm install、npm install --global、npm install --save、npm install --save-dev的区别

刘修能
2023-12-01

npm install X:

  • 会把X包安装到项目的node_modules目录中
  • 不会修改package.json
  • 之后运行npm install命令时,不会自动安装X
  • npm i X 是简写形式

npm install --global X:

  • 全局安装,不会把包安装到项目的node_modules目录中,而是会安装到node.js的node_modules目录中,比如我的node环境本地安装目录是:D:\Program Files\nodejs,那么全局安装目录就是:D:\Program Files\nodejs\node_modules\npm\node_modules
  • npm install -g X 是简写形式

npm install X --save:

  • 会把X包安装到node_modules目录中
  • 会在package.json的dependencies属性下添加X
  • 之后运行npm install命令时,会自动安装X到node_modules目录中
  • 之后运行npm install --production或者注明NODE_ENV变量值为production时,会自动安装msbuild到node_modules目录中
  • 主要用于添加生产阶段的依赖,也就是项目运行时的依赖
  • npm install -S X 是简写形式

npm install X --save-dev:

  • 会把X包安装到node_modules目录中
  • 会在package.json的devDependencies属性下添加X
  • 之后运行npm install命令时,会自动安装X到node_modules目录中
  • 之后运行npm install --production或者注明NODE_ENV变量值为production时,不会自动安装X到node_modules目录中
  • 主要用于添加开发阶段的依赖,就是我们在开发过程中需要的依赖,只在开发阶段起作用的
  • npm install -D X 是简写形式

举例

  • 将 ES6 代码用babel 转换成 ES5 ,转换完成后,我们只需要转换后的代码,上线的时候,直接把转换后的代码部署到生产环境,不需要 babel 了,生产环境不需要。这就可以安装到 devDependencies
  • 代码提示工具,也可以安装到 devDependencies
  • 如果用 Element-UI,由于发布到生产后还是依赖 Element-UI,这就可以安装到 dependencies
 类似资料: