npm install 中 --save 与 --save-dev 的区别详解

作者:知秋

时间:2026-10-25

浏览:642

本文详细解析 npm install 命令中 --save 与 --save-dev 参数的核心区别。--save 将依赖写入 dependencies,生产环境生效;--save-dev 写入 devDependencies,仅开发环境有效。同时涵盖全局安装、忘带参数补救及重新生成 package.json 的实用技巧,帮助开发者规范前端项目管理。

文章目录

一、各类安装参数的差异解析

在执行 npm 包安装操作时,常用的命令选项包括:

npm install 包名
npm install -g 包名
npm install --save(-S) 包名
npm install --save-dev(-D) 包名

下面详细列举各命令的具体区别。

1. npm install 包名

此操作将包安装至 node_modules 目录,不执行模块下载,且不修改 package.json 文件。

2. npm install -g 包名

执行全局安装,模块不会保留在 node_modules 目录中,不下载模块,亦不修改 package.json 文件。

3. npm install --save(-S) 包名

将包安装至 node_modules 目录并下载模块。当执行 npm install --production 或 NODE_ENV 环境变量设为 production 时,模块会被下载至 node_modules 目录,同时依赖信息会写入 package.json 的 dependencies 节点。

4. npm install --save-dev(-D) 包名

将包安装至 node_modules 目录并下载模块。当执行 npm install --production 或 NODE_ENV 环境变量设为 production 时,模块不会被下载至 node_modules 目录,但依赖信息会写入 package.json 的 devDependencies 节点。

二、npm install 遗漏 --save 参数的处理

可执行以下命令:

npm install `ls node_modules` --save

或者

npm install --save $(ls node_modules)

三、重新生成 package.json 文件

npm init

补充:npm install 安装的四种用法及 -save 与 -save-dev 的区别

npm install xxx:

将项目安装至当前项目目录,但不会将模块依赖写入 devDependencies 或 dependencies。

npm install -g xxx:

-g 参数表示将模块安装至全局环境,而非当前项目目录。

npm install -save xxx:

-save 参数表示将模块安装至项目目录,并将依赖信息写入 package 文件的 dependencies 节点。

npm install -save-dev xxx:

-save-dev 参数表示将模块安装至项目目录,并将依赖信息写入 package 文件的 devDependencies 节点。

至此,关于 npm install 的 --save 和 --save-dev 使用说明已介绍完毕。如需了解更多 npm install save 相关内容,请查阅本站过往文章或继续浏览后续文章,感谢大家的支持!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章