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

相关推荐
小飞侠在吗13 分钟前
vue shallowRef 与 shallowReacitive
前端·javascript·vue.js
惜分飞1 小时前
sql server 事务日志备份异常恢复案例---惜分飞
前端·数据库·php
GISer_Jing1 小时前
WebGL实例化渲染:性能提升策略
前端·javascript·webgl
烟锁池塘柳01 小时前
【技术栈-前端】告别“转圈圈”:详解前端性能优化之“乐观 UI” (Optimistic UI)
前端·ui
How_doyou_do2 小时前
浏览器本地存储Cookie, local/sessionStorage - Token结合Cookie实现登录管理
前端
烛阴2 小时前
C# Dictionary 入门:用键值对告别低效遍历
前端·c#
极速蜗牛3 小时前
告别部署焦虑!PinMe:前端开发者的极简部署神器
前端·javascript
uhakadotcom4 小时前
Python Protobuf 全面教程:常用 API 串联与实战指南
前端·面试·github
by__csdn4 小时前
微前端架构:从理论到实践的全面解析
前端·javascript·vue.js·架构·typescript·vue·ecmascript
漫长的~以后4 小时前
Edge TPU LiteRT V2拆解:1GB内存设备也能流畅跑AI的底层逻辑
前端·人工智能·edge