npm install --save 、--save-dev 、-D、-S 区别

最新推荐文章于 2024-04-13 09:57:43 发布
原创 最新推荐文章于 2024-04-13 09:57:43 发布 · 504 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #node #npm

本文详细介绍了npm install --save和--save-dev的用途和区别。--save用于安装生产环境依赖，如react、axios等，它们是项目运行所必需的，会被写入dependencies。而--save-dev用于安装开发环境依赖，如babel，仅在开发阶段需要，不会在生产环境中自动下载，写入devDependencies。理解这两个选项的差异对于优化项目构建和部署至关重要。

--save 等同于 -S

--save-dev 等同于 -D

npm install --save

1、安装模块到项目node_modules目录下。

2、将模块依赖写入dependencies

3、运行npm install --production或者注明NODE_ENV变量值为production时，会自动下载模块到node_modules目录中。

4、安装生产环境依赖的模块，即项目运行时的模块，例如react、react-dom、axios、echarts、element-ui 等类库或者框架。

npm install --save-dev

1、安装模块到项目node_modules目录下。

2、会将模块依赖写入devDependencies 节点。

3、运行npm install --production或者注明NODE_ENV变量值为production时，不会自动下载模块到node_modules目录中。

4、安装开发环境依赖的模块，即项目开发时的模块，例如babel（转码器，可以将ES6代码转为ES5代码）等一些工具，只需在开发环境是用到。

在加上-dev的时候，只会在你的开发环境中安装module，实际以production部署的时候，不会下载到node_modules目录中。

 

devDependencies 节点下的模块是在开发时需要用的，比如 babel-plugin-transform-remove-console，但是这些模块在项目部署后是不需要的，所以我们可以使用 -save-dev 的形式安装。像 axios 这些模块是项目运行必备的，应该安装在 dependencies 节点下，所以我们应该使用 -save 的形式安装。

【npm知识点总结】npm install 中的 --save 和 --save-dev 使用说明
这是个栗子的博客
10-03 293
g：适合工具类包，方便全局调用。无 -g：适合项目依赖，需配合 --save 或 --save-dev 管理依赖。
NPM install -save 和 -save-dev 傻傻分不清
weixin_30482383的博客
11-27 870
本文原文地址：https://www.limitcode.com/detail/59a15b1a69e95702e0780249.html 回顾 npm install 命令 最近在写Node程序的时候，突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的，各种查资料和实践后对它们之间的异同点略有理解。遂写下这...
npm install --save
weixin_30455023的博客
06-03 1449
1. npm install：本地安装 2. npm install -g：全局安装 我们在使用 npm install 安装模块或插件时，有两种命令把它们写入到 package.json 文件中去，在 package.json 里面体现出的区别就是，使用 --save 安装的插件，会被写入到 dependencies （需要发布到生产环境）对象里面去，使用 --save -dev 安装的插件...
console.html:添加console.html方法，可以漂亮的输出HTML字符串HTMLNode
06-29
控制台.html 为方便起见，添加了 console.html 方法 安装： npm install console.html --save bower install console.html --save 在节点中使用： // call once somewhere in the beginning require('console.html'); console.html('<body><h1>Hello, world!</h1></body>'); // prints <body> <h1>Hello, world!</h1> </body> console.html($('#selector')); // prints nicely formatted HTML from jQuery / D3 selectors // that have .html() met
npm install 的不同选项：--save、--save-dev、-S、-D 的区别
最新发布
NolanKy 的 技术博客
04-13 2263
Node.js 的包管理器 npm 提供了一个命令，用于安装 Node.js 项目所需的依赖包。在使用这个命令时，我们可以通过添加不同的选项来控制依赖包的安装方式。--save--save-dev-S和-D的区别。
npm install: --save 和 --save-dev 两个选项
学习笔记
10-27 545
从 npm 5.0.0 开始，npm install 默认就使用 --save 选项，不需要在加这个选项。 --save-dev 安装的只是开发过程中需要的 package，例如 jest. https://stackoverflow.com/questions/19578796/what-is-the-save-option-for-npm-install ...
npm install -g和--save有什么区别?
12-22
总结来说，`npm install -g`和`npm install --save/--save-dev`的区别在于： - **全局安装**是针对整个系统，适用于多项目工具。 - **本地安装**（保存依赖或开发依赖）是针对单个项目，确保项目运行或开发所需。 - ...
npm install的--save和--save-dev使用说明
邓邓子的博客
08-24 2513
将包安装到 node_modules 目录，会下载模块，运行 npm install --production 或者 NODE_ENV 变量值为 production 时，不会下载模块到 node_modules 目录中，会将依赖写入 package.json 文件 的 devDependencies 节点。全局安装，不会在 node_modules 目录中保存，不会下载模块，不会修改 package.json 文件。以下列出各个命令的区别。
npm install --save-dev less-loader less 报错
qq_47230378的博客
04-09 2170
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: css-loader@2.0.2 npm ERR! Found: webpack@5.72.0 npm ERR! node_modules/webpack npm ERR! peer webpack@"^5.0.0" from less-loader@10.2.0 npm ERR! node_modules/les..
npm install -D 和-S的意思
K8sCat
01-06 1万+
-D表示npm install --save-dev -S表示npm install --save
npm install 的--save-dev和--save（看过不会忘）
子燕若水的博客
09-08 443
这里面的save就是把安装所依赖的package及版本号保存到package.json文件中，以便拿到别的机器上可以根据package.json里面的依赖信息顺利的找到所需要的依赖包。 --save-devis used to save the package for development purpose. Example: unit tests, minification.. --saveis used to save the package required for th...
npm install -S | --save | -D | --save-dev | -g 说明
fly_wugui的博客
05-29 2680
npm 安装包命令 1、局部安装 npm install <package_name> 说明 安装到当前项目 npm 5x 以后 这个命令等同于npm install --save <package_name> 同时也是会同样写入到依赖 dependencies 2、 全局安装 -g npm install -g <package_name> 安装到...
npm install --save、npm install --save-dev 傻傻分不清楚
qq_44588612的博客
01-11 952
本篇文章讲解 npm 包管理工具的常用命令
npm install -save 和 -save-dev
mus-z的博客
03-26 255
npm install packageName //本地安装，安装到项目目录下，不在package.json中写入依赖 npm install packageName -g //全局安装，安装在Node安装目录下的node_modules下 npm install packageName --save //安装到项目目录下，并在package.json文件的dependencies中写入依赖，简...
npm install --save 、--save-dev 、-D、-S 的区别与NODE_ENV的配置
qq_37899792的博客
04-16 674
1、npm install <=> npm i --save<=> -S --save-dev<=> -D npm run start <=> npm start// 对应"scripts"里的"start"命令 少敲几下键盘，何乐而不为 2、npm i --save-d...
npm install --save 、--save-dev 、-D、-S的区别详细解说
南北极之间
06-10 1486
1、npm install <=> npm i --save等价于 -S --save-dev等价于 -D npm run start 等价于 npm start// 对应"scripts"里的"start"命令 少敲几下键盘，何乐而不为 2、npm i --save-dev<packname> 工程构建（开发时、“打包”时）依赖 ；例：xxx-cli , less-loader ,...
npm 依赖与开发依赖 （--save-dev、-D）
weixin_42508580的博客
02-23 1743
转载至node教程 当使用 npm install 安装 npm 软件包时，是将其安装为依赖项。 该软件包会被自动地列出在 package.json 文件中的 dependencies 列表下（在 npm 5 之前：必须手动指定 --save）。 当添加了 -D 或 --save-dev 标志时，则会将其安装为开发依赖项（会被添加到 devDependencies 列表）。 开发依赖是仅用于开发的程序包，在生产环境中并不需要。 例如测试的软件包、webpack 或 Babel。 当投入生产环境时，如果输
npm装包时-S和-D的区别。带例子
热门推荐
qq_35410544的博客
10-08 3万+
npm install name -save 简写（npm install name -S）自动把模块和版本号添加到dependencies。npm install name -save-dve 简写（npm install name -D）自动把模块和版本号添加到devdependencies。 -D后，安装包会在package中的 devDependencies对象中。简称dev...
npm install --save-dev区别
06-10
`npm install --save-dev` 和 `npm install --save` 都是用来安装依赖包的命令，不同之处在于它们安装的依赖包所属的类别不同。 `npm install --save` 命令用于将依赖包安装到生产环境中，即在项目运行时需要用到的依赖包；而 `npm install --save-dev` 命令则将依赖包安装到开发环境中，即在项目开发和构建时需要用到的依赖包。 举个例子，如果你需要安装一个用于测试的 JavaScript 测试框架，比如 Mocha，可以使用 `npm install --save-dev mocha` 命令来安装，因为 Mocha 只在开发和测试阶段需要用到，而在生产环境中不需要。而如果你需要安装一个用于项目运行时的依赖包，比如 Express，可以使用 `npm install --save express` 命令来安装。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值