--save 和 --save-dev 的作用和区别简单描述

最新推荐文章于 2025-10-13 07:32:51 发布
原创 最新推荐文章于 2025-10-13 07:32:51 发布 · 1.1k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #vue.js #webpack #git

本文详细解释了npm中--save和--save-dev的区别及其如何影响package.json文件中的dependencies和devDependencies部分。介绍了生产依赖和开发依赖的概念，并通过实例展示了这两种依赖在实际项目中的应用。

简单来说：

  •         这跟 npm install  和 npm i 是一样的
  •         --save 和 -S 是一样的
  •         --save-dev 和 -D 是一样的
  •         --save 和 -S 安装运行依赖（项目上线以后也需要使用到的）
  •         --save-dev 和 -D 安装开发依赖（只在开发阶段使用）

在package.json 文件中有体现：

        dependencies 是运行依赖   devDependencies 是开发依赖

譬如：

  "dependencies": {
    "axios": "^0.18.0",
    "echarts": "^4.2.0-rc.2",
    "element-ui": "^2.3.7",
    "vue": "^2.5.2",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1",
    "xlsx": "^0.17.0"
  },
  "devDependencies": {
    "autoprefixer": "^7.1.2",
    "chalk": "^2.0.1",
    "copy-webpack-plugin": "^4.0.1",
    "css-loader": "^0.28.0",
    "extract-text-webpack-plugin": "^3.0.0",
    "file-loader": "^1.1.4",
    "friendly-errors-webpack-plugin": "^1.6.1",
    "gulp-sass": "^4.1.0",
    "html-webpack-plugin": "^2.30.1",
    "node-notifier": "^5.1.2",
  },

总结：

-S，--save 安装包信息将载入到 dependencies（生产阶段的依赖，也就是项目运行时的依赖，就是程序上线以后仍然需要使用的依赖）

-D，--save-dev 安装包信息会载入到 devDependencies（开发阶段的依赖，就是我们在开发过程中需要用的依赖，只在开发阶段起作用的）

【npm知识点总结】npm install 中的 --save 和 --save-dev 使用说明
这是个栗子的博客
10-03 293
g：适合工具类包，方便全局调用。无 -g：适合项目依赖，需配合 --save 或 --save-dev 管理依赖。
npm install的--save和--save-dev使用说明
邓邓子的博客
08-24 2515
将包安装到 node_modules 目录，会下载模块，运行 npm install --production 或者 NODE_ENV 变量值为 production 时，不会下载模块到 node_modules 目录中，会将依赖写入 package.json 文件 的 devDependencies 节点。全局安装，不会在 node_modules 目录中保存，不会下载模块，不会修改 package.json 文件。以下列出各个命令的区别。
npm 安装时 --save --dev 和 --save 区别
热门推荐
qq_33745501的博客
05-10 4万+
一、模式运行webpack命令时，一定要指定模式。webpack --mode development webpack --mode production二、--save -dev--save：将保存配置信息到pacjage.json。默认为dependencies节点中。--dev：将保存配置信息devDependencies节点中。因此：--save：将保存配置信息到pacjage.json的...
--save-dev 或 --save
sky的博客
09-25 453
我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去， --save-dev 或 --save Dependencies一词的中文意思是依赖和附属的意思，而dev则是开的意思。 所以它们的区别在 package.json 文件里面体现出来的就是，使用 --save-dev 安装的 插件，被写入到 devDependencies 域里面...
npm中--save与--save-dev的区别使用Django从零开始构建一个个人博客系统
最新发布
grG_nnp4的博客
10-13 201
参数（在 npm 5 及更高版本中默认启用）会将安装的包记录到。是用于区分依赖类型的两个重要参数，它们决定了依赖包被记录在。这些包仅在开发或测试时使用，不会随项目部署到生产环境。以下是详细说明和示例。这些包是项目运行的核心依赖。在 Node.js 生态系统中，是安装依赖包的核心命令。
--save与 --save-dev
沧笙踏歌的博客
07-22 1940
–save：将保存配置信息到pacjage.json。默认为dependencies节点中。 –dev：将保存配置信息devDependencies节点中。 因此： –save：将保存配置信息到pacjage.json的dependencies节点中。 –save-dev：将保存配置信息到pacjage.json的devDependencies节点中。 dependencies：运行时的依赖，发布...
--save 和 --save-dev简述
qq_30351747的博客
04-24 2799
--save 和 --save-dev简述
npm救赎之道：探索--save与--save--dev的神秘力量！
Huahua_1223的博客
03-28 5951
通过使用--save和--save-dev参数，你可以有效地管理项目的依赖关系，并确保在项目开发和部署过程中正确地安装必要的包。记住，--save用于项目运行时的必需依赖，而--save-dev用于开发过程中的辅助工具和测试框架等。同时，了解生产环境和开发环境的区别也是非常重要的，这有助于你更好地管理项目的依赖关系和部署流程，提高项目的稳定性和可维护性。希望本文能帮助你更好地理解npm中--save和--save-dev的作用和区别，以及生产环境和开发环境的概念，让你的项目开发更加顺畅！
ZWN101#studyData#16---save-dev和--save1
07-25
npm install -d就是npm install --save-devnpm install -s就是npm install --save安装开发时依赖会
node-npm-save:允许模块npm安装--save或--save-dev的模块
05-12
允许模块npm安装--save或--save-dev的模块 安装 > npm install --save npm-save 用法 有两个选项：--save或--save-dev。 无论哪种方式，要依赖此模块，都需要通过 var npm = require("npm-save"); 保存 要保存模块...
dependencies 和 devDependencies （–save-prod， –save-dev， –production）
01-20
使用`npm install --save`或简写`-S`会将依赖添加到`dependencies`，而`npm install --save-dev`或`-D`会将其添加到`devDependencies`。这样做的好处在于，当在生产环境中运行`npm install --production`或`-p`时，...
--save-dev与--save 
wu13534570560的博客
09-25 253
--save安装并添加条目到package.json文件的 dependencies。 --save-dev安装并添加条目到package.json文件的 devDependencies。 区别主要是，devDependencies通常是开发的工具（例如测试的库），而dependencies则是与生产环境中的应用程序相关。 devDependencies，便于开发时的依赖（工具，用完可去掉）如es6转es5的babel，dependencies：生产时也需要，去掉后代码可能异常，如j...
安装依赖时 --save 和--save-dev 区别
weixin_64684095的博客
01-06 537
表示默认行为，依赖会被添加到 dependencies 字段中。dependencies 中的依赖表示项目运行时所必须的。
你不知道的--save-dev和--save的区别
wade3po的博客
03-30 685
网上对于这两个的区别解释都是统一口径的，一个是开发依赖，一个是线上依赖，打包发布需要用到的要添加到线上依赖，一模一样的回答，误导了很多人。今天自己测试一下这两个命令，记录一下。 –save-dev，会在devDependencies里面添加依赖 -D，会在devDependencies里面添加依赖 –save，会在dependencies里面添加依赖 -S，会在dependencies里面添加依赖...
关于--save与--save-dev
lesswenniang的博客
05-20 171
–save是生产环境。 –save-dev是测试环境。
npm 安装参数中的 --save-dev
SalmonellaVaccine的专栏
02-05 1684
http://segmentfault.com/q/1010000000403629 当你为你的模块安装一个依赖模块时，正常情况下你得先安装他们（在模块根目录下npm install module-name），然后连同版本号手动将他们添加到模块配置文件package.json中的依赖里（dependencies）。 -save和save-dev可以省掉你手动修改package.
--save-dev 与 －－save区别
oscar92420aaa的博客
12-18 1万+
https://segmentfault.com/q/1010000005163089 说的非常好
--save-dev 和--save的区别
YingDaoMonkey的博客
09-21 345
--save-dev是开发的时候依赖（-D） --save是一直依赖(-S)
--save 与-- save-dev的简单应用区别
KLW75
06-05 788
项目运行时需要用到的包，必备的包用 --save。 开发时候需要，部署后不需要使用的包用 --save-dev。
--save 和--save-dev
08-28
- *1* *3* [--save 和 --save-dev 的作用和区别简单描述](https://blog.csdn.net/IDLuGuiFu/article/details/127744411)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值