npm install 命令使用区别(-S,-D,-g,--save,--save-dev)

简介: npm install 命令使用区别(-S,-D,-g,--save,--save-dev)

首先在使用命令之前,先了解一下 dependenciesdevDependencies 的区别

可以看一下 package.json 这个文件里面的 dependenciesdevDependencies 参数:

"dependencies": {
}
"devDependencies": {
}

dependencies生产环境devDependencies开发环境

devDependencies是只会在开发环境下依赖的模块,生产环境不会被打入包内。

dependencies依赖的包不仅开发环境能使用,生产环境也能使用。其实这句话是重点,按照这个观念很容易决定安装模块时是使用--save还是--save-dev

案例:

你开发一个前端项目,在项目中你需要使用 gulp 构建你的开发环境本地运行环境,这时你就要放到devDependencies里。gulp是你用来压缩代码,打包等需要的工具,程序实际运行的时候并不需要,所以放到devDependencies里就ok了。

开发环境时要用element-ui正式环境时肯定也要用到element-ui,这时element-ui就应该安装到dependencies中去。


  • 命令介绍

不同命令文件存放的位置,其实常用的总结就是两点:

--save 放到 dependencies,不加参数默认走 --save

--save-dev 放到 devDependencies

命令 模块将会添加到 dependencies 还是 devDependencies?
npm install module-name dependencies
npm install module-name -S dependencies
npm install module-name --save dependencies
npm install module-name -D devDependencies
npm install module-name --save-dev devDependencies

  • -S,-D,-g 命令的区别
命令 区别
npm install module_name -S 等于 npm install module_name --save 的缩写
npm install module-name -D 等于 npm install module-name --save-dev 的缩写
npm install module-name -g 全局安装(命令行使用),所有项目都可以使用
npm install module_name 本地安装(将安装包放在 ./node_modules 下)

  • i 是 install 的缩写

npm install module_name -S 也可以写成 npm i module_name -S,两者无任何差别

相关文章
|
10月前
|
JavaScript
node环境之Error: Cannot find module ‘chalk’ 报错无法解决的问题—-网上说让你npm install chalk 基本是没有用的-优雅草央千澈解决方案
node环境之Error: Cannot find module ‘chalk’ 报错无法解决的问题—-网上说让你npm install chalk 基本是没有用的-优雅草央千澈解决方案
640 13
node环境之Error: Cannot find module ‘chalk’ 报错无法解决的问题—-网上说让你npm install chalk 基本是没有用的-优雅草央千澈解决方案
|
9月前
node环境之当我们遇到需要付费的依赖库@fortawesome/fontawesome-pro导致npm install无法进行怎么办-fontawesome-pro依赖库
node环境之当我们遇到需要付费的依赖库@fortawesome/fontawesome-pro导致npm install无法进行怎么办-fontawesome-pro依赖库
210 3
node环境之当我们遇到需要付费的依赖库@fortawesome/fontawesome-pro导致npm install无法进行怎么办-fontawesome-pro依赖库
|
10月前
|
存储 资源调度 JavaScript
一文带你了解PNPM以及 npm,yarn,pnpm区别
一文带你了解PNPM以及 npm,yarn,pnpm区别
671 9
|
12月前
|
缓存 JavaScript 前端开发
拿下奇怪的前端报错(三):npm install卡住了一个钟- 从原理搞定安装的全链路问题
本文详细分析了 `npm install` 过程中可能出现的卡顿问题及解决方法,包括网络问题、Node.js 版本不兼容、缓存问题、权限问题、包冲突、过时的 npm 版本、系统资源不足和脚本问题等,并提供了相应的解决策略。同时,还介绍了开启全部日志、使用替代工具和使用 Docker 提供 Node 环境等其他处理方法。
8111 1
9-14|npm install --global windows-build-tools 安装太慢了,能够指定国内源
9-14|npm install --global windows-build-tools 安装太慢了,能够指定国内源
|
缓存 JavaScript 前端开发
8种方法解决vue创建项目报错:command failed: npm install --loglevel error
该文章提供了八种解决Vue项目创建时遇到的`command failed: npm install --loglevel error`错误的方法,包括清理缓存、更换npm源、重新安装Node.js等措施。
8种方法解决vue创建项目报错:command failed: npm install --loglevel error
optional install error: Error: Unsupported URL Type: npm:vue-loader@^16.1.0
optional install error: Error: Unsupported URL Type: npm:vue-loader@^16.1.0
159 3
NPM——Electron failed to install correctly, please delete node_modules/electron and try
NPM——Electron failed to install correctly, please delete node_modules/electron and try
1195 0
|
9月前
|
存储 资源调度 JavaScript
npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具
npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具。npm 是官方默认的包管理器,提供依赖管理、安装和更新等功能;cnpm 是由阿里巴巴开发的 npm 镜像,专为中国大陆用户优化,解决下载速度慢的问题;pnpm 通过硬链接技术提高安装速度并节省磁盘空间,特别适合磁盘资源紧张的环境。三者命令类似,但各有特色,开发者可根据需求选择合适的工具。
890 5
|
12月前
|
缓存 资源调度 JavaScript
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
767 0