npm安装时后缀名--save和--save-dev的区别

原创 已于 2022-07-14 21:42:10 修改 · 3.1k 阅读 · 7 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#nodejs
于 2020-10-08 15:40:54 首次发布
本文详细讲解了`--save`与`--save-dev`的区别，通过cnpm和npm实例演示如何在项目中正确添加依赖，并介绍了前端开发中常见的依赖管理方式。

【1】--save表示将模块添加到配置文件中的运行依赖中

【2】--save-dev表示将模块添加到配置文件中的开发依赖，在项目最后是不需要使用这些模块的

【3】不懂请看下面例子1（cnpm）=>使用cnpm不添加--save是不会自动保存到运行依赖中的

1-使用cnpm init进行初始化


2-使用加上--save和不加的两段命令进行下载

在这里插入图片描述
3-使用加上--save-dev进行下载

在这里插入图片描述

【4】不懂请看下面例子2（npm）=>使用npm进行下载即使不加--save也会保存在运行依赖中

在这里插入图片描述
在这里插入图片描述

编辑 | sishen
来源 | 前端兔
审核 | @前端兔

关注公众号查看更多前端知识分享~~
在这里插入图片描述

死神654
关注
【npm知识点总结】npm install 中的 --save 和 --save-dev 使用说明
最新发布
这是个栗子的博客
10-03 402
g：适合工具类包，方便全局调用。无 -g：适合项目依赖，需配合 --save 或 --save-dev 管理依赖。
npm install的--save和--save-dev使用说明
邓邓子的博客
08-24 2626
将包安装到 node_modules 目录，会下载模块，运行 npm install --production 或者 NODE_ENV 变量值为 production 时，不会下载模块到 node_modules 目录中，会将依赖写入 package.json 文件 的 devDependencies 节点。全局安装，不会在 node_modules 目录中保存，不会下载模块，不会修改 package.json 文件。以下列出各个命令的区别。
npm --save 的含义
白羊座的橙子
04-21 1万+
npm 5.0.0 之前，有 --save 参数才会把模块写入到 packages.json。现在已经是内置参数，不用额外写了 1、npm 常用的安装命令 npm i 就是npm install 简写 npm i xxx -D 就是 npm i xxx --save-dev npm i xxx -S 就是 npm i xxx --save npm i xxx -g 就是 全局安装 npm i xxx 就是 npm i xxx -.
npm 后面的-g 和 --save分别是什么意思
weixin_35751412的博客
01-13 1810
-g 是全局安装的意思，表示在整个系统中安装这个模块，可以在任何地方调用。 --save 是将这个模块记录在项目的依赖中，当你在其他地方或其他机器上重新安装项目时会自动安装这个模块。 ...
--save 和 --save-dev 的作用和区别简单描述
cvper's world !
03-21 4万+
这是一个使用npm时的基本的问题； 简单来说： 使用命令 --save 或者说不写命令 --save ,都会把信息记录到 dependencies 中； dependencies 中记录的都是项目在运行时需要的文件； 使用命令 --save-dev 则会把信息记录到 devDependencies...
npm、sass
qq_38256266的博客
07-21 4988
npm、sass一、npm1.1、什么是npm1.2、npm能干什么1.3、npm的安装1.4、npm的更新二、package.json文件2.1、什么是package.json文件2.2、作用是什么2.3、怎么创建2.4、package.json的内容2.5、指定依赖的包2.6、全局安装2.6.1、什么是全局安装三、sass3.1、什么是sass3.2、sass后缀名的区别3.3、下载sass3.4、sass的使用3.5、sass的变量和注释3.6、sass 嵌套3.7、sass插值3.7.1、什么是插值
NodeJs npm install -D、-g、-S命令的后缀名之间有什么区别？
SillyBoy的博客
07-06 1766
npm install -D -S -g的区别 npm安装包的时候有时候后缀为-S，有时候为-D，还有-g。 那么这几个后缀在安装相关依赖包的时候有什么区别呢？其实很简单，情况如下 常用的npm安装后缀： npm安装后缀 写入到 用于环境 常用包 -D、–save-dev devDependencies对象 开发环境 babel，sass-loader，gulp ，webpack -S、–save dependencies对象 生产环境 -g 全局安装 解释说明： np
npm--package.json---require
cjx177187的博客
07-30 458
去当前项目中的node_modules文件中找fs文件夹中的package.json中main字段对应的路径然后引入；没有就去node的安装包中的全局安装包路径中找也是找package.json中main字段对应的路径然后引入；//把模块x1x2x3这个三个模块下载到项目安装路径(就是当前项目内部的node_modules)下载了第三方模块后npm会在项目配置文件中的依赖项中写入下载的第三方模块名和版本。npmi模块名字x1模块名字x2模块名字x3--save。...
node.js 基础用法和NPM第三方模块
m0_68331234的博客
05-08 786
Node 方法 自定义模块 : 主文件 导入其他的文件 用 require 辅助文件 导出用 module.exports 内置模块 : fs是文件系统模块 require(‘fs’) 导入fs模块 fs.readFile 是读取文件 fs.writeFile 是写入文件 会覆盖之前的（注意：1 文件存在 会覆盖原有内容， 注意：2 文件不存在 会创建新文件，注意：3 文件夹不存在 会报错） fs.append 是写入文件 不会覆盖之前的 path路径模块两个方法: path.extn
关于npm --save
HHX_01的博客
07-26 2433
是 npm（Node Package Manager）命令行界面中的一个选项，它的作用是当你安装一个 Node.js 包时，同时将这个包的依赖信息添加到项目根目录下的。前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。安装时确定的版本号，通常是最新的兼容版本。执行以上任一命令后，
npm install 的 --save 选项是什么？
HuntsBot的博客
12-27 2万+
我看到了一些教程，命令是：--save 选项是什么意思？
npm救赎之道：探索--save与--save--dev的神秘力量！
Huahua_1223的博客
03-28 6206
通过使用--save和--save-dev参数，你可以有效地管理项目的依赖关系，并确保在项目开发和部署过程中正确地安装必要的包。记住，--save用于项目运行时的必需依赖，而--save-dev用于开发过程中的辅助工具和测试框架等。同时，了解生产环境和开发环境的区别也是非常重要的，这有助于你更好地管理项目的依赖关系和部署流程，提高项目的稳定性和可维护性。希望本文能帮助你更好地理解npm中--save和--save-dev的作用和区别，以及生产环境和开发环境的概念，让你的项目开发更加顺畅！
npm后面的 --save 含义
一个超爱喝可乐的web前端攻城狮
08-28 2551
npm后面的 --save 含义 简单来讲，npm 5.0.0 之前，有 --save 参数才会把模块写入到 packages.json。现在已经是内置参数，不用额外写了。 npm 文档地址 官网 npm常用的安装命令 npm i 就是npm install 简写 npm i xxx -D 就是 npm i xxx --save-dev npm i xxx -S 就是 npm i xxx --save npm i xxx -g 就是 全局安装 npm i xxx 就是 npm i
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的...
npm install 的不同选项：--save、--save-dev、-S、-D 的区别
NolanKy 的 技术博客
04-13 2448
Node.js 的包管理器 npm 提供了一个命令，用于安装 Node.js 项目所需的依赖包。在使用这个命令时，我们可以通过添加不同的选项来控制依赖包的安装方式。--save--save-dev-S和-D的区别。
npm install 安装依赖包 --save、--save-dev、-S、-D的区别
热门推荐
清颖的博客
09-25 5万+
npm install 和 npm i 是一样的,都是安装package.json文件中的依赖包。 安装单独的依赖包时，npm install <packageName> –save 和 -S 是一样 –save-dev 和 -D 是一样的 区别: 在用npm install 单独安装 npm 包时，有两种命令参数可以把它们的信息写入 package.json 文件，一个是npm in...
npm 安装时-D、-S、--save 、--save-dev 之间关系
odelia的博客
10-30 2075
--save = -S 自动把模块和版本号添加到dependencies。 --save-dev = -D 自动把模块和版本号添加到devdependencies。 个人理解的区别用大白话来解释说就是： -D代表开发阶段才需要使用的组件，不会进行最后的真正打包，只是用来转换的； -S代表生产阶段使用的，是在程序开发中协助运行的 ...
Vue第 19 篇，NodeJS第 2 篇，npm i -S、-D和-g的含义（-S、-D和-g的区别，--save，--save-dev，--global的含义）
前端架构师（AI + GIS + Web3D）& 数字芯片系统架构师（FPGA），NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.csdn.net）
12-12 1万+
⭐我们在使用 npm 管理项目依赖时，经常需要安装各种包来支持开发或生产环境。npm 提供了几个常用的命令行参数，如 -S、-D 和 -g，这些参数用于指定所安装包的不同作用范围和类型。理解这些参数的作用，对于有效地管理和维护项目的依赖关系至关重要。这里来简要介绍这三个常用参数及其用途，帮助我们更高效地利用 npm 进行项目开发。
【Node.js】深入解析 --save-dev
lph159的博客
11-03 1265
reset-css是一种CSS样式重置工具，它通过将HTML元素的样式设定为统一值，帮助开发者消除不同浏览器的默认样式差异。这种方法确保了在所有浏览器中，元素的渲染效果都能保持一致。常见的浏览器如Chrome、Firefox和Safari等，都会有不同的默认样式，通过重置，可以消除这些差异。在TypeScript与React项目中合理使用reset-css，能够帮助我们消除浏览器间的样式差异，确保用户体验的一致性。通过引入reset-css。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值