npm install 安装总结

npm install moduleName

  • 会把moduleName 包安装到node_modules目录中
  • 不会修改package.json
  • 之后运行npm install命令时,不会自动安装moduleName

npm install moduleName -g

  • 安装模块到全局,不会在项目node_modules目录中保存模块包。
  • 不会将模块依赖写入devDependencies或dependencies 节点。
  • 运行 npm install 初始化项目时不会下载模块。

将会安装在C盘\用户目录\AppData\Roaming\npm,并且写入系统环境变量;非全局安装:将会安装在当前定位目录;全局安装可以通过命令行任何地方调用它,本地安装将安装在定位目录的node_modules文件夹下,通过要求调用;

npm install moduleName --save 也可以简写成 npm install moduleName -S

  • 会把moduleName 包安装到node_modules目录中
  • 会在package.json的dependencies属性下添加moduleName,dependencies 是需要发布到生产环境的
  • 之后运行npm install命令时,会自动安装moduleName 到node_modules目录中
  • 之后运行npm install --production或者注明NODE_ENV变量值为production时,会自动安装msbuild到node_modules目录中,即是在线上环境运行时会将包安装

npm install moduleName --save-dev 也可以简写成 npm install moduleName -D

  • 会把moduleName 包安装到node_modules目录中
  • 会在package.json的devDependencies属性下添加moduleName,devDependencies 里面的插件只用于开发环境,不用于生产环境
  • 之后运行npm install命令时,会自动安装moduleName 到node_modules目录中
  • 之后运行npm install --production或者注明NODE_ENV变量值为production时,不会自动安装moduleName 到node_modules目录中

区别:

在用npm install 单独安装 npm 包时,有两种命令参数可以把它们的信息写入 package.json 文件,一个是npm install--save,另一个是 npm install --save-dev,他们表面上的区别是:

--save 会把依赖包名称添加到 package.json 文件 dependencies 下,

--save-dev 则添加到 package.json 文件 devDependencies下

除了表面区别真正的区别是:
dependencies是运行时的依赖,
devDependencies是开发时的依赖。

即devDependencies 下列出的模块,是我们开发时用的,比如 我们安装 js的压缩包gulp-uglify 时,我们采用的是 "npm install --save-dev gulp-uglify "命令安装, 因为我们在发布后用不到它,而只是在我们开发才用到它。

举例:

像jQuery库或者Angular框架类似的,我们在开发完后后肯定还要依赖它们,否则就运行不了,这是dependencies;

而写 ES6 代码,需要babel转换成es5,转换完成后,我们只需要转换后的代码,上线的时候,直接把转换后的代码部署上线,不需要babel了,上线了不需要,这就是devDependencies。

而如果用了 jQuery,由于发布之后还是依赖jQuery,所以是dependencies。

补充:

正常使用 npm install 时,会下载dependencies和devDependencies中的模块,当使用npm install --production或者注明NODE_ENV变量值为production时,只会下载dependencies中的模块。

删除模块:

复制代码
npm uninstall 模块

删除本地模块时你应该思考的问题:是否将在package.json上的相应依赖信息也消除?
  npm uninstall 模块:删除模块,但不删除模块留在package.json中的对应信息
  npm uninstall 模块 --save 删除模块,同时删除模块留在package.json中dependencies下的对应信息
  npm uninstall 模块 --save-dev 删除模块,同时删除模块留在package.json中devDependencies下的对应信息

本文参考:https://blog.csdn.net/aaqingying/article/details/101371352

相关推荐
栀秋6669 分钟前
当我把 proto 打印出来那一刻,我懂了JS的原型链
前端·javascript
Cassie燁27 分钟前
element-plus源码解读1——useNamespace
前端·vue.js
一直在学习的小白~29 分钟前
npm发布脚手架流程
前端·npm·node.js
ErMao31 分钟前
TypeScript的泛型工具集合
前端·javascript
涔溪43 分钟前
如何解决微前端架构中主应用和微应用的通信问题?
前端·架构
重铸码农荣光1 小时前
深入理解 JavaScript 原型链:从 Promise.all 到动态原型的实战探索
前端·javascript·promise
我叫黑大帅1 小时前
什么叫可迭代对象?为什么要用它?
前端·后端·python
颜渊呐1 小时前
Vue3 + Less 实现动态圆角 TabBar:从代码到优化实践
前端·css
PineappleCoder1 小时前
pnpm 凭啥吊打 npm/Yarn?前端包管理的 “硬链接魔法”,破解三大痛点
前端·javascript·前端工程化
fruge1 小时前
前端文档自动化:用 VitePress 搭建团队技术文档(含自动部署)
运维·前端·自动化