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

已于 2022-07-14 21:42:10 修改
阅读量3k 收藏 7
点赞数
文章标签： nodejs
于 2020-10-08 15:40:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/SiShen654/article/details/108963688
版权

【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
关注
安装脚手架Vue-cli和创建Vue项目
qq_44424498的博客
11-01 241
Vue-cli vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vue init webpack xxx 前提：搭建好NodeJS环境 node -v npm -v 我前面的博客有安装NodeJs的环境 安装vue-cli 安装命令：npm install -g vue-cli 注...
vue-loader+webpack项目配置
m0_37840862的博客
07-29 2678
1.项目准备 安装之前请确保安装了nodejs和npm，在命令行输入node -v查看是否安装node 在vscode终端里面这是npm的镜像仓库，会提高下面下载的速度 # 配置仓库地址 npm config set registry https://registry.npm.taobao.org # 验证是否成功命令 npm config ls 当验证命令结果如下图，则表示成功了 2.初始化项目 创建空文件夹"webpackVue"，然后用vscode打开，然后打开vscode终端 # 将项目初始化成
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 
wu13534570560的博客
09-25 221
--save安装并添加条目到package.json文件的 dependencies。 --save-dev安装并添加条目到package.json文件的 devDependencies。 区别主要是，devDependencies通常是开发的工具（例如测试的库），而dependencies则是与生产环境中的应用程序相关。 devDependencies，便于开发时的依赖（工具，用完可去掉）如es6转es5的babel，dependencies：生产时也需要，去掉后代码可能异常，如j...
npm:npm的基本使用和--save/-S/--save-dev/-D区别
最新发布
weixin_70354927的博客
04-10 401
方法三：npm update更新所有依赖，npm update [packsge]更新指定包，npm update --save-dev [packsge]更新开发依赖，update只能更新依赖到版本范围内最新版本，package.json中的版本号不会改变。3）-S是--save的简写，是安装的生产依赖，安装后会添加到package.json的dependencies中，会被打包到运行环境中去，是上线后也需要的，例如前端框架。如vue-cli中的npm run dev ，npm run build。
-save-dev 与 -save的区别
简单是书的博客
12-30 1万+
-save-dev是指将包信息添加到devDependencies，表示你开发时依赖的包裹。 -save是指将包信息添加到dependencies，表示你发布时依赖的包裹。 例如，我们在开发时会用到gulp来压缩我们的文件。这是我们的gulp包信息就会添加到devDependencies，我们在发布时发布压缩文件，并不要用到gulp。 利用nodejs构建的服务器在发布后会经常被访问用到，ht
--save-dev 或 --save
sky的博客
09-25 412
我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去， --save-dev 或 --save Dependencies一词的中文意思是依赖和附属的意思，而dev则是开的意思。 所以它们的区别在 package.json 文件里面体现出来的就是，使用 --save-dev 安装的 插件，被写入到 devDependencies 域里面...
npm --save 和 --save-dev的区别
weixin_34318272的博客
02-25 187
一 、使用场景不同 使用 --save 安装的包是项目发布之后还需要依赖的包 ， 如axiox , express等包，等项目上线以后还需使用。 使用 --save-dev 安装的包则是开发时依赖的包，等项目上线则不会使。如项目中使用的 gulp , 压缩css、js 的模块等在项目上线后则不会使用。 二 、npm 安装时信息写入位置不同 npm install 在安装依赖包的时候 ， 使用 ...
try `npm i --save-dev @types/pdf-annotate` if it exists or add a new declara
09-19
如果你已经安装了npm，想要尝试安装"@types/pdf-annotate"的声明文件，可以运行命令`npm i --save-dev @types/pdf-annotate`进行安装。这个命令会自动下载并安装"@types/pdf-annotate"的声明文件，并将其添加到你的...
一步步深入学习webpack（入门困惑express和dev-server区别及分别使用dev-server和webpack-hot-middleware实现的热加载区别）
Bonjourjw的博客
03-26 6121
最近需要对webpack详细学习后，给大家分享学习。于是不得不对每一个点进行学习，结果发现webpack涉及到的知识内容好多，自己学习也是一知半解，很多时候脑细胞都死得一片一片的。 注：本文是参考网上多方资料学习后记录的，如有雷同，请联系我。 学习资料：入门Webpack,看这篇就够了、WebPack 简明学习教程、Webpack飞行手册以及wepack官方文档 一、webpack是什么 ...
【2022.4.20更新】Vue_day03_Browser-sync使用_Sublime代码片段_计算属性_自定义指令_todoMVC项目
pre_eminent的JAVA学习园地
04-27 1198
Vue.js 四天课程学习笔记_第3天课程内容概要:1. 介绍browser-sync安装和配置使用 (强烈推荐!从此告别手动刷新F5)2. 灵活运用 数组中的 every 和 some 和 filter 方法 (来实现数据的过滤)3. Sublime的代码片段.sublime-snippet(类似于XCode里的Code Snippet)4. 不可见元素template的使用5. v-for ...
--save与 --save-dev
沧笙踏歌的博客
07-22 1902
–save：将保存配置信息到pacjage.json。默认为dependencies节点中。 –dev：将保存配置信息devDependencies节点中。 因此： –save：将保存配置信息到pacjage.json的dependencies节点中。 –save-dev：将保存配置信息到pacjage.json的devDependencies节点中。 dependencies：运行时的依赖，发布...
npm安装时加 --save和不加的区别
yrfjygb的博客
04-25 4080
1.加 npm install xxx --save 会将该依赖存入到package.json 里的dependcies里 2.不加 npm install xxx 则不会将该依赖存入到package.json 里的dependcies里
--save 和 --save-dev简述
qq_30351747的博客
04-24 2758
--save 和 --save-dev简述
npm 安装参数中的 --save-dev
SalmonellaVaccine的专栏
02-05 1654
http://segmentfault.com/q/1010000000403629 当你为你的模块安装一个依赖模块时，正常情况下你得先安装他们（在模块根目录下npm install module-name），然后连同版本号手动将他们添加到模块配置文件package.json中的依赖里（dependencies）。 -save和save-dev可以省掉你手动修改package.
【Node.js】深入解析 --save-dev
lph159的博客
11-03 1024
reset-css是一种CSS样式重置工具，它通过将HTML元素的样式设定为统一值，帮助开发者消除不同浏览器的默认样式差异。这种方法确保了在所有浏览器中，元素的渲染效果都能保持一致。常见的浏览器如Chrome、Firefox和Safari等，都会有不同的默认样式，通过重置，可以消除这些差异。在TypeScript与React项目中合理使用reset-css，能够帮助我们消除浏览器间的样式差异，确保用户体验的一致性。通过引入reset-css。
npm 安装参数中的 --save-dev 是什么意思
weixin_30897233的博客
04-24 629
看到有些 node.js 的包安装的时候都加上--save-dev参数，不知道这参数是做什么的，加和不加有什么区别吗？ $ npm install xxx --save-dev 当你为你的模块安装一个依赖模块时，正常情况下你得先安装他们（在模块根目录下npm install module-name），然后连同版本号手动将他们添加到模块配置文件package.json中的依赖里（depend...
--save 和 --save-dev 之间的区别
王扬扬的博客
11-25 1600
相同点： 1，都会将依赖下载到当前项目的 node_modules 目录里； 2，都会记录在packge.json里记录； 不同点：  --save-dev 只是开发和打包时会用到的，但实际上线并不需要；（例如webpack） 会在 devDependencies 里记录； npm install 的时候，也是下载这个里面记录的依赖文件； --save 除了开发需要，实际上线...
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 -.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值