一文搞懂npm --save和--save -dev的区别

最新推荐文章于 2024-05-11 20:39:31 发布
最新推荐文章于 2024-05-11 20:39:31 发布
阅读量435 收藏
点赞数 1
文章标签： javascript css es6 webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36907456/article/details/117468700
版权

一文搞懂npm --save和--save -dev的区别


众所周知，npm安装插件的时候，会把插件都安装在package.json文件中，而安装插件有两种安装方式，npm install XXX --save 和npm install XXX --save -dev，–save对应的是运行时依赖，会把插件安装在文件下的dependencies对象中，而–save -dev会把插件安装在devDependencies对象中

开发时依赖(–save -dev)

devDependencies： 如下图所示，需要安装为开发时依赖的插件都不会被打包到build中，都是一些在运行程序时不需要用到的插件，如Eslint格式化代码工具，是为了在开发代码时使用的更加流畅，代码更加优美，很显然在运行程序时，是不需要用到该依赖的。
在这里插入图片描述

运行时依赖(–save)

Dependencies： 运行时依赖就是在运行程序的过程中，需要用到的依赖没比如一些axios，vuex什么的，最后build的时候需要一起打包出去
在这里插入图片描述

工程师-小白
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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-User-Packages-Downloads:获得每位作者的npm软件包以及下载数量
05-23
Npm-用户包-下载 获得每位作者的npm软件包以及下载数量 ...npm install npm-user-packages-downloads --save 依存关系 ：针对浏览器和node.js的基于Promise的HTTP客户端 ：由npm用户获取软件包 执照 麻省理工学院
越来越流行的 pnpm，了解一下
fe_watermelon的博客
02-22 588
另外，node_modules 下最外层的包只能有一个版本，如果某个包依赖的是其他版本，那不好意思，缓存失效，要下载另一个版本放在这个包自己的 node_modules 下。当然更重要的是安装会很慢，明明本地有，但你就是要去网上下载。看下图，安装 axios 包时带上了它的很多依赖包，但我们用 .pnpm 做了隔离，所以访问不到 axios 依赖的包，解决了幽灵依赖的问题。如果你在本地安装了几十个项目，这些项目的依赖项的安装都是独立的，即使这些项目有大量相同版本的依赖包，也是会被安装多次。
npm、pnpm、yarn的常用命令
訾博（ZiBo）的博客
04-15 2194
npm install --save-dev : 安装包并将其添加到 devDependencies 列表中。pnpm add --save-dev: 安装包并将其添加到 devDependencies 列表中。npm install --save : 安装包并将其添加到 dependencies 列表中。yarn add --dev: 安装包并将其添加到 devDependencies 列表中。pnpm add : 安装包并将其添加到 dependencies 列表中。
1.前端环境搭建
最新发布
老九的博客
05-11 506
因为我们开发Vue项目需要使用npm命令来创建和启动，安装node.js是为了获得这个命令，目前和使用node.js无关。因为我们的项目采用Element Plus ，所以用我们刚刚的pnpm安装一下SCSS。然后打开对应的地址，我这里是http://localhost:5173/因为我们的项目采用SCSS，所以用我们刚刚的pnpm安装一下SCSS。下载地址：http://nodejs.cn/download/然后在运行我们的项目，有这个提示证明我们的项目成功运行。到这里证明我们的前端项目已经创建成功。
npm、yarn、pnpm和monorepo的使用方法
weixin_42367460的博客
03-29 977
微前端的核心思想就是将按照不同功能或不同维度拆分的独立子应用，通过主应用来加载这些子应用，达到子项目可以独立开发、独立部署、不受技术栈影响效果。
更好的包管理器——pnpm
hsany330的专栏
02-15 1532
此文是对 pnpm的重要贡献者Zoltan Kochan的几篇关于pnpm、monorepo文章的翻译概括，可能存在不准确的部分。 为什么要使用pnpm? pnpm是一种更高效快捷的包管理器。 Zoltan Kochan认为，yarn只是对npm做了些微改进，提升了速度、增加了一些属性，但并没有改变npm的扁平化依赖结构。而扁平化结构自带以下问题： 模块可以访问自身并不依赖的包； 依赖树的扁平化算法相当复杂； 有一些包不得不拷贝进项目的node_modules目录； Zoltan Kochan对p
--save-dev与--save 
wu13534570560的博客
09-25 170
--save安装并添加条目到package.json文件的 dependencies。 --save-dev安装并添加条目到package.json文件的 devDependencies。 区别主要是，devDependencies通常是开发的工具（例如测试的库），而dependencies则是与生产环境中的应用程序相关。 devDependencies，便于开发时的依赖（工具，用完可去掉）如es6转es5的babel，dependencies：生产时也需要，去掉后代码可能异常，如j...
npm install -g和--save有什么区别?
12-22
总结来说，`npm install -g`和`npm install --save/--save-dev`的区别在于： - **全局安装**是针对整个系统，适用于多项目工具。 - **本地安装**（保存依赖或开发依赖）是针对单个项目，确保项目运行或开发所需。 - ...
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 ( ...
webpack-dev-middleware：用于webpack的开发中间件
02-06
webpack-dev-中间件 与捆绑包一起使用的快速... npm install webpack-dev-middleware --save-dev 注意：我们不建议全局安装此模块。 用法 const webpack = require ( 'webpack' ) ; const middleware = require ( 'web
pnpm实战教程
IT飞牛
09-14 3149
使用 npm 时，依赖每次被不同的项目使用，都会重复安装一次。而在使用 pnpm 时，依赖会被存储在内容可寻址的存储中。
--save-dev 与 --save的区别
积少成多
02-08 1312
欢迎访问我的个人博客 http://xiaolongwu.cn/ -save-dev是指将包信息添加到devDependencies，表示你开发时依赖的包裹。 -save是指将包信息添加到dependencies，表示你发布时依赖的包裹...
--save-dev 与--save的区别
HeliumLau的博客
03-15 5058
--save-dev 是你开发时候依赖的东西，--save 是你发布之后还依赖的东西。 比如，你写 ES6 代码，如果你想编译成 ES5 发布那么 babel 就是devDependencies。 如果你用了 jQuery，由于发布之后还是依赖jQuery，所以是dependencies。 但是在 npm 里面除了二进制的依赖，似乎也不用区分是不是dev。 因为使用npm就是自己编译的意思
使用--save和--save --dev安装依赖的区别
随风奔跑的桉树
11-13 346
npm i packagename --save 简写--S 装入dependencies套件中 打包计算在内 npm i packagename --save-dev 简写--D 装入devDependencies套件中 打包不计算在内
--save与 --save-dev
沧笙踏歌的博客
07-22 1819
–save：将保存配置信息到pacjage.json。默认为dependencies节点中。 –dev：将保存配置信息devDependencies节点中。 因此： –save：将保存配置信息到pacjage.json的dependencies节点中。 –save-dev：将保存配置信息到pacjage.json的devDependencies节点中。 dependencies：运行时的依赖，发布...
npm install的--save和--save-dev使用说明
邓邓子的博客
08-24 1655
将包安装到 node_modules 目录，会下载模块，运行 npm install --production 或者 NODE_ENV 变量值为 production 时，不会下载模块到 node_modules 目录中，会将依赖写入 package.json 文件 的 devDependencies 节点。全局安装，不会在 node_modules 目录中保存，不会下载模块，不会修改 package.json 文件。以下列出各个命令的区别。
包管理工具那么多，怎么选？npm、yarn 和 pnpm 三者比较及使用详解！
热门推荐
蜗牛的博客
03-09 1万+
NPM（Node Package Manager）是 Node.js 默认的包管理器，它是世界上最大的软件注册表之一，有超过 100 万个包（package）可供下载使用。NPM 可以让开发者轻松地分享、安装和管理 Node.js 中的代码包和依赖项，它是构建现代 JavaScript 应用程序的关键组件之一。除了作为 Node.js 的包管理器之外，NPM 也可以用于前端开发。在前端开发中，NPM 主要用于安装、管理和更新前端项目的各种依赖包，例如 Vue、React、Angular 等常用框架。
浅谈npm和cnpm和pnpm的安装与使用
weixin_43845137的博客
02-15 6545
浅谈npm的安装与使用 NPM:Node package manger:node管理工具，根据npm模块我们可以快速安装和卸载所需要的资源文件（：jq,vue,vue-router）; Npn的安装： 官网：http://nodejs.org/zh-cn （下载的是长期支持版本），安装了node之后，npm也就安装了。 （一）测试是否安装好： 1在cmd中输入： node -v;获得node的版本...
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` 命令来安装。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值