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

9 篇文章 0 订阅
订阅专栏

这是一个使用npm时的基本的问题;

简单来说:   使用命令 --save 或者说不写命令 --save  ,都会把信息记录到 dependencies   中;

                      dependencies 中记录的都是项目在运行时需要的文件;

                     使用命令 --save-dev 则会把信息记录到 devDependencies  中;

                     devDependencies 中记录的是项目在开发过程中需要使用的一些文件,在项目最终运行时是不需要的;

                     也就是说我们开发完成后,最终的项目中是不需要这些文件的;

 

 

具体含义通过实例来看:

我在 f 盘下新建一个delete322 文件夹,然后进入这个文件夹,是个空的目录;

然后通过npm init 命令创建出一个 package.json 文件;

操作如下:

 

我们打开这个package.json 文件(这个文件记录了项目的相关信息):

 

我们在上面的基础上下载一个jquery 试一试: 使用命令 npm install jquery ,

我们再次打开这个package.json 文件,发现在 dependencies 中有了我们下载的文件信息记录;

但是这里我们没有使用 --save 命令,原因是默认使用 --save ;

 

下面再下载一个 less 试一试: npm install less --save-dev

我们看到 devDependencies中出现了我们下载的 less 的记录信息;

注意写法:  --save-dev   前面两个横杠,后面一个;

 

所以,如果只是在开发过程中需要的工具或者文件我们 使用 --save-dev 即可;

如果是项目运行必须的文件,那么就使用 --save就好了;

记住这两点即可;

 

 

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"); 保存 要保存模块...
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 384
我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去, --save-dev 或 --save Dependencies一词的中文意思是依赖和附属的意思,而dev则是开的意思。 所以它们的区别package.json 文件里面体现出来的就是,使用 --save-dev 安装的 插件,被写入到 devDependencies 域里面...
你不知道的--save-dev和--save的区别
wade3po的博客
03-30 619
网上对于这两个的区别解释都是统一口径的,一个是开发依赖,一个是线上依赖,打包发布需要用到的要添加到线上依赖,一模一样的回答,误导了很多人。今天自己测试一下这两个命令,记录一下。 –save-dev,会在devDependencies里面添加依赖 -D,会在devDependencies里面添加依赖 –save,会在dependencies里面添加依赖 -S,会在dependencies里面添加依赖...
npm --save-dev --save 的区别
前端菜鸟
10-16 8971
npm install 在安装 npm 包时,有两种命令参数可以把它们的信息写入 package.json 文件 一个是 --save || -S // 运行依赖(发布)另一个是–save-dev || -D //开发依赖(辅助)区别是它们会把依赖包添加到package.json 文件–save : dependencies 键下,发布后还需要依赖的模块,譬如像jQuery库或者Angular框
npm 安装参数中的 --save-dev
SalmonellaVaccine的专栏
02-05 1618
http://segmentfault.com/q/1010000000403629 当你为你的模块安装一个依赖模块时,正常情况下你得先安装他们(在模块根目录下npm install module-name),然后连同版本号手动将他们添加到模块配置文件package.json中的依赖里(dependencies)。 -save和save-dev可以省掉你手动修改package.
npm install -g和--save有什么区别?
12-22
总结来说,`npm install -g`和`npm install --save/--save-dev`的区别在于: - **全局安装**是针对整个系统,适用于多项目工具。 - **本地安装**(保存依赖或开发依赖)是针对单个项目,确保项目运行或开发所需。 - ...
webpack-dev-server自动更新页面方法
11-26
cnpm i webpack-dev-server --save-dev cnpm i webpack --save-dev ``` 在项目结构中,通常会有一个 `webpack.config.js` 文件,用于配置 Webpack 的行为。如果项目中有多个 JavaScript 入口文件,你需要在配置文件...
prosemirror-dev-tools:ProseMirror开发人员工具
05-25
npm install --save-dev prosemirror-dev-tools 在applyDevTools方法中包装EditorView实例: import applyDevTools from "prosemirror-dev-tools" ; const view = new EditorView /*...*/ ( ) ; applyDevTools ( ...
--save与 --save-dev
沧笙踏歌的博客
07-22 1854
–save:将保存配置信息到pacjage.json。默认为dependencies节点中。 –dev:将保存配置信息devDependencies节点中。 因此: –save:将保存配置信息到pacjage.json的dependencies节点中。 –save-dev:将保存配置信息到pacjage.json的devDependencies节点中。 dependencies:运行时的依赖,发布...
--save 和 --save-dev简述
qq_30351747的博客
04-24 2710
--save 和 --save-dev简述
--save-dev 与 --save的区别
积少成多
02-08 1333
欢迎访问我的个人博客 http://xiaolongwu.cn/ -save-dev是指将包信息添加到devDependencies,表示你开发时依赖的包裹。 -save是指将包信息添加到dependencies,表示你发布时依赖的包裹...
--save-dev 与--save的区别
HeliumLau的博客
03-15 5077
--save-dev 是你开发时候依赖的东西,--save 是你发布之后还依赖的东西。 比如,你写 ES6 代码,如果你想编译成 ES5 发布那么 babel 就是devDependencies。 如果你用了 jQuery,由于发布之后还是依赖jQuery,所以是dependencies。 但是在 npm 里面除了二进制的依赖,似乎也不用区分是不是dev。 因为使用npm就是自己编译的意思
npm --save 选项作用
weixin_34127717的博客
06-12 384
npm --save 选项作用 学习了:https://segmentfault.com/q/1010000000403629 -save和save-dev可以省掉你手动修改package.json文件的步骤。 spm install module-name -save 自动把模块和版本号添加到dependencies部分 spm install module-name -save-dve 自动...
-save-dev 与 -save的区别
有问题可关注公众号:前端研究院 后台输入问题回复
06-13 439
-save-dev是指将包信息添加到devDependencies,表示你发布时依赖的包裹 比如webpack。 -save是指将包信息添加到dependencies,表示你开发时候依赖的,比如jq。 例如,我们在开发时会用到webpack来压缩我们的文件。这是我们的webpack包信息就会添加到devDependencies,我们在发布时发布压缩文件。 不清楚的看下下面的就知道了: ...
npm救赎之道:探索--save与--save--dev的神秘力量!
最新发布
Huahua_1223的博客
03-28 2982
通过使用--save和--save-dev参数,你可以有效地管理项目的依赖关系,并确保在项目开发和部署过程中正确地安装必要的包。记住,--save用于项目运行时的必需依赖,而--save-dev用于开发过程中的辅助工具和测试框架等。同时,了解生产环境和开发环境的区别也是非常重要的,这有助于你更好地管理项目的依赖关系和部署流程,提高项目的稳定性和可维护性。希望本文能帮助你更好地理解npm中--save和--save-dev作用区别,以及生产环境和开发环境的概念,让你的项目开发更加顺畅!
npm中的--save-dev和--save的区别
Jana Jing的分享
03-21 350
两种命令把他们写入到 package.json 文件里面 --save-dev 简写为-D 的插件是被写入到 devDependencies 对象里面。 --save 简写为-S 的插件是则被写入到 dependencies 对象里面。 devDependencies 里面的插件只用于开发环境,不用于生产环境。 dependencies 则是需要发布到生产环境的。 简单的说-D用于开发环境,-S用于生产环境 ...
--save 和 --save-dev作用区别简单描述
IDLuGuiFu的博客
11-08 1084
--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":...
写文章

热门文章

  • vscode 打开终端快捷键 186988
  • npm 如何查看一个包的版本信息? 186277
  • vscode 缩进快捷键 代码对齐快捷键 153795
  • vscode 折叠所有区域代码快捷键 102290
  • 笔记本能连上wifi 但是浏览器打不开,使用手机的热点却可以正常上网的问题? 84119

分类专栏

  • PHP 11篇
  • thinkPHP 7篇
  • node 5篇
  • HTML 2篇
  • HTML 10篇
  • JavaScript 42篇
  • python 2篇
  • html 1篇
  • Git 5篇
  • npm 9篇
  • 11篇
  • 开发工具使用 14篇
  • jquery 5篇
  • 实例分享 8篇
  • 高等数学 4篇
  • 数据结构 2篇
  • Interview 10篇
  • Java学习记录 3篇
  • bootstrap 7篇
  • angular 3篇
  • webpack 7篇
  • vue 22篇
  • 北京生活记录 12篇
  • 别人的经验和总结 1篇
  • ES6 5篇
  • less 8篇
  • 理论 2篇
  • english 1篇
  • Linux个人笔记 8篇
  • 微信小程序,百度小程序 15篇
  • canvas 3篇
  • React 16篇
  • egret 1篇

最新评论

  • css同时设置多个背景 背景图片显示的先后顺序问题

    碳烤猛犸象: 说反了,前面的会覆盖后面的,也就是test1遮挡test2

  • 笔记本能连上wifi 但是浏览器打不开,使用手机的热点却可以正常上网的问题?

    上官瓜瓜Iris: 你是我的神!!

  • vscode 打开终端快捷键

    zzflybird: ctrl+j确实太远不方便

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

    西瓜皮: 一个非常重要的区别:--save每当有人在他们的项目中安装你的包时,就会安装你的所有依赖项。如果您的依赖项捆绑在输出中并且仅在构建过程中使用,则使用--save-dev(或-D)。

  • 高等数学 极限存在 与 极限不存在

    人间&失格: 还有震荡函数

最新文章

  • java IDEA 的 project 和 module
  • Laravel mpociot/laravel-apidoc-generator 标题中文显示问题 跳转问题
  • Laravel mpociot/Laravel-apidoc-generator 设置 修改 logo
2021年4篇
2020年1篇
2019年43篇
2018年206篇
2017年6篇
2016年2篇

目录

目录

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值

玻璃钢生产厂家四川超市商场美陈研发随州玻璃钢雕塑制作厂家深圳商业街玻璃钢雕塑定做厂家龙泉玻璃钢人物雕塑开封泡沫玻璃钢雕塑洛龙玻璃钢雕塑加工厂家嘉兴玻璃钢雕塑定制弥勒市玻璃钢雕塑多少钱玻璃钢动物雕塑厂商代理嘉业玻璃钢雕塑不锈钢玻璃钢人物喷泉雕塑公司白银玻璃钢动物雕塑公司金华动物玻璃钢雕塑多少钱南京镜面玻璃钢雕塑免费咨询玻璃钢雕塑多久会开裂秦淮玻璃钢造型雕塑朔州玻璃钢仿真水果雕塑厂家上饶玻璃钢雕塑背景园林玻璃钢雕塑制作公司郸城玻璃钢雕塑厂家马鞍山欧式玻璃钢雕塑价位大件玻璃钢雕塑泰州古铜玻璃钢雕塑杭州环保玻璃钢雕塑定制解放玻璃钢雕塑厂家大理市玻璃钢雕塑设计哪里买抚州欧式玻璃钢雕塑销售厂家鹤壁玻璃钢景观雕塑公司玻璃钢蔬菜雕塑哪家安全新乡韶关玻璃钢卡通雕塑香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化