npm install 安装包时，常用的-S 、-D 、-g 有什么区别？_npm install -g_儒雅的烤地瓜的博客-CSDN博客
npm install 安装包时，常用的-S 、-D 、-g 有什么区别？
儒雅的烤地瓜
已于 2023-02-17 11:18:42 修改
3033
收藏
19
分类专栏：
Node.js学习笔记
文章标签：
npm
package.json
nodejs
dependencies
devDependencies
于 2022-11-30 12:05:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunyctf/article/details/127667543
版权
Node.js学习笔记
专栏收录该内容
3 篇文章
1 订阅
订阅专栏
一、主要区别就是依赖配置写入package.json文件的位置不同而已
npm install 本身就有一个别名 npm i
👉 npm i module_name -S    
即  npm install module_name --save     写入dependencies，发布到生产环境
这样安装是局部安装的，会写进package.json文件中的dependencie里。 dependencies： 表示生产环境下的依赖管理； 说白了你安装一个库如果是用来构建你的项目的，比如echarts、element-ui，是实际在项目中起作用，就可以使用 -s 来安装。
👉 npm i module_name -D   
即  npm install module_name --save-dev  写入devDependencies，发布到开发环境
这样安装是局部安装的，会写进package.json文件中的devDependencies 里。 devDependencies ：表示开发环境下的依赖管理； 如果你安装的库是用来打包的、解析代码的，比如webpack、babel，就可以用 -d 来安装，项目上线了，这些库就没用了，不然留这些库给用户自己来打包和解析代码嘛。
👉 npm i module_name -g    
即  global全局安装(命令行使用)
npm install module_name -g，表示全局安装，安装一次过后，你就可在其他地方直接用啦。
👉 npm i module_name       
即  本地安装(将安装包放在 ./node_modules 下)
npm install module_name   什么都不加的时候
npm5 开始通过 npm install module_name 什么都不加 和 npm install module_name --save一样，都是局部安装并会把模块自动写入package.json中的dependencies里。
我们在使用npm install 安装模块或者插件时，若写到package.json文件中，用
--save-dev (写入package.json的devDependencies)  或  --save (写入package.json的dependencies)
注意：-D，-S 分别是 --save-dev和 --save的简写，默认就是 -S，可以省略不写
二、devDependencies与dependencies有什么区别呢？
devDependencies  表示开发环境下的依赖管理，里面的插件只用于开发环境（开发时依赖），不用于生产环境，例如vite、sass插件等(打包后就跟他没关系了)；
开发时依赖：简单的说就是项目运行时不需要，只有程序员开发代码阶段才需要用到的工具
dependencies 表示生产环境下的依赖管理，里面的插件只用于生产环境（运行时依赖），是需要发布到生产环境的，例如vue、element-plus等等。
如下图所示：sass仅用于生成环境，我们就使用npm i sass -D
扩展： npm模块的安装与移除
🎈 npm安装模块
【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录； 【npm install -g xxx】利用npm安装全局模块xxx； 【npm install xxx】安装但不写入package.json； 【npm install xxx –save】 安装并写入package.json的”dependencies”中； 【npm install xxx –save-dev】安装并写入package.json的”devDependencies”中。
🎈 npm 删除模块
【npm uninstall/remove  xxx 】删除xxx模块；【npm uninstall/remove  -g xxx】删除全局模块xxx；
并不能自动更新package.json，把xxx从dependencies，devDependencies，optionalDependencies中去掉。 只有加上对应参数才可以：-S，–save：dependencies
儒雅的烤地瓜
关注
关注
点赞
19
收藏
打赏
知道了
评论
npm install 安装包时，常用的-S 、-D 、-g 有什么区别？
npm install 安装包时，常用的-S 、-D 、-g 有什么区别？-D，-S 分别是 --save-dev和 --save的简写，默认就是 -S，可以省略不写。主要区别就是依赖配置写入package.json文件的位置不同而已
复制链接
扫一扫
专栏目录
npm install --global --production windows-build-tools
12-31
如果命令长时间执行不成功，手工执行安装包。重启后在此运行启动
npm install -g 和 npm install 区别?
weixin_39458031的博客
02-11
1万+
1. npm install bootstrap -g 表示全局安装
解释： 会将对应的安装包 安装到 c盘下node_modules目录:
2.npm install jquery 是将对应的安装包安装到当前项目的根目录下：
评论 2
您还未登录，请先
登录
后发表或查看评论
miniprogram-slim
03-09
小程序App.svelte工具
通过剔除无用文件，压缩图片，替换代码等方式减少小程序代码包体积。
功能
安装
npm install - g miniprogram - slim
使用
Usage: miniprogram - slim < command>
Options :
- v , -- version output the version number
- h , -- help output usage information
Commands:
cpd [ options ] < dir> Detect duplications in source code
sprite [ options ] < input . . . > Covert images
输入npm install -g卡着不动了
weixin_42576186的博客
02-12
65
当你安装npm包时，如果安装过程卡住了，可以尝试以下解决方法：
检查网络连接是否正常。如果网络不稳定，请尝试重新连接。
尝试清除缓存。你可以使用npm cache clean命令来清除缓存。
尝试使用不同的镜像源。你可以通过npm config set registry 命令来设置镜像源。
如果以上方法都不管用，请尝试升级npm版本。你可以使用npm install -g npm命令来升级...
npm install -s 和 npm install -d的区别
最新发布
m0_47794838的博客
02-14
59
npm install -s 和 npm install -d的区别
npm install -g cnpm --registry=https://registry.npm.taobao.org （cnpm的安装）
zy103118的博客
05-25
1万+
安装npm及cnpm(Windows)
【工具官网】
Node.js :http://nodejs.cn/
淘宝NPM:https://npm.taobao.org/
【安装步骤】
一、安装node.js
1.前往node.js官网下载并安装工具，这里安装路径选到D盘，D:\Program Files\nodejs
安装完毕在命令行输入以下命令测试是否安装成功，正确会出现版本号
npm -v
2.改变原有的环境变量，
(1...
前端-工作中 npm install 安装依赖报错常见总结
热门推荐
西京刀客
09-30
2万+
文章目录前端-npm install 安装依赖报错解决报错The package-lock.json file was created with an old version of npmpackage-lock.json 文件是版本锁定文件报错：npm ERR! Maximum call stack size exceedednpm报错：npm ERR! cb.apply is not a functionnpm install 报错 check python checking for Python ex
npm install -s -d -g之间的区别
qq_28596151的博客
02-18
3222
npm node install npm安装 -g -d -s
npm install -D 和-S的意思
Zero
11-30
1067
-D表示npm install --save-dev-S表示npm install --save
【Vue】npm install -g 和 npm install 区别
评论必回！
06-13
1139
npm install -g 和 npm install 区别
npm install -g/--save-dev/--save
qq_58062502的博客
07-31
141
npm install -g/--save-dev/--save安装包位置
npm install -g 和npm install --save-dev的关系
代码青春
03-21
3475
1.npm install本地安装（1）将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。（2）可以通过 require() 来引入本地安装的包。2.npm install -g全局安装(1) 将安装包放在 /usr/local 下或者你 node 的安...
解决npm install xxx -g问题
weixin_45754830的博客
04-07
545
问题描述
在终端中npm i nrm -g 时报错：
npm ERR! code EPERM
npm ERR! syscall open
npm ERR! path D:\Program Files\nodejs\node_cache\_cacache\index-v5\75\02\3ca596adb2cfb46ea27c270d0cf5548fa56756ba4b4f5992adde345ca289
npm ERR! errno -4048
npm ERR! Error: EPERM: operation
npm install --save 和 npm install -D、npm install -g 的区别
陌上花开然不归矣
03-14
2140
npm install -d 就是 npm install --save-dev
npm insatll -s 就是npm install --save
我们在使用npm install 安装模块或者插件时，若写到package.json文件中，用
--save-dev 或（写入devDependencies）
--save （dependencies）
devDependencies与dependencies的区别
devDependencies用于开发环境，不用于生产环境 例如 webpack
npm 包管理命令 -d -s -g的区别 2020-11-20
很厉害的博客
11-20
520
定义：
npm install 可以下载项目中依赖的包
问题：
安装过程中 -d -s -g 等参数用法不清
用法：
-g，全局安装。g表示的是global，针对于整台电脑，独立于每个项目，每个新建项目都可引入。
-s, 局部安装，针对某一个项目，-s表示save，保存至package.js配置文件中的dependencies字段。
-d，局部安装，针对某一个项目，-d表示dev，保存至package.js配置文件中的devDependencies字段。
重点：
-s和-...
npm安装依赖时-S和-D的作用及区别
cherry_vicent的专栏
02-19
1507
-S
　　即--save（保存）
　　包名会被注册在package.json的dependencies里面，在生产环境下这个包的依赖依然存在。
-D
　　即--dev（生产）
　　包名会被注册在package.json的devDependencies里面，仅在开发环境下存在的包用-D，如babel、sass-loader这些解析器
啥也不写
　　包名不会进入package.json里面，因此别人不知道安装了这个包，不建议这样。
npminstall -d就是npmins...
npm ，全局安装，本地生产环境安装，本地开发环境安装的具体解析（npm install -g/--save/--save -dev）
hap1994的博客
02-11
2880
以下都是以安装gulp为例
1、全局安装
（npm install gulp -g 或者 npm install gulp --global）
安装到电脑的全局环境里面，可以使用命令查到安装的本地全局安装指令
npm root -g 查到路径，安装到node_modules中，
全局环境安装以后可以在任何的命令行窗口（command）使用此命令，如图gulp.cmd文件
全局安装gulp是为了执行gulp任务，本地安装gulp则是为了调用gulp插件的功能
查看是否安装...
npm install XXX 加上-s、-d、-g和什么都不加的区别
欢迎━(*｀∀´*)ノ亻来到我的博客
09-27
3199
1.npm install XXX -s
npm install XXX -s 相当于 npm install -S 相当于 npm install --save
这样安装是局部安装的，会写进package.json文件中的dependencie里。
dependencies： 表示生产环境下的依赖管理；
说白了你安装一个库如果是用来构建你的项目的，比如echarts、element-ui，是实际在项目中起作用，就可以使用 -s 来安...
npm install时node-sass报错解决方案
蜗牛~~
01-12
1885
1、先删除node_modules
2、npm i node-sass -D 再重新安装一下node-sass
3、cnpm install 再install
4、npm run dev 再次运行就好了
[npm]npm install -g | - save -dev???
stay hungry stay foolish
05-12
95
目录背景图
背景
最近写blog，要用npm安装很多包，有的全局，有的局部，有的又只用本地开发使用，不用传到github，都记混了，写一篇记录一下。
项目构建一般会有package.json文件，没有的也可以使用下面这个命令生成，这个文件里面有很多参数。
npm init
命令
作用
npm install
默认将依赖包添加到dependencies，并且会自动创建node_modules文件夹，下载所有依赖
npm install --save
安装的依赖会写到 depende
“相关推荐”对你有帮助么？
非常没帮助
没帮助
一般
有帮助
非常有帮助
提交
儒雅的烤地瓜
CSDN认证博客专家
CSDN认证企业博客
码龄3年
暂无认证
136
原创
4254
周排名
9369
总排名
18万+
访问
等级
2023
积分
1961
粉丝
323
获赞
51
评论
731
收藏
私信
关注
热门文章
Base64详解：玩转图片Base64编码
10926
什么是token？token是用来干嘛的？
9404
如何解决上传到github上的图片显示不出来的问题
8656
浏览器插件——轻松、快速下载网站源代码
6999
git中如何获取远程仓库的最新代码？
6485
分类专栏
TCP/IP | OSI模型
14篇
TCP
7篇
HTTP
4篇
开发工具
6篇
Vue.js学习笔记
17篇
⭐️ Vue踩过的坑
3篇
⭐ Vue.js入门基础
12篇
Element Vue
Git
6篇
MySQL学习笔记
⭐ MySQL入门基础
4篇
JavaScript学习笔记
14篇
⭐ 前端练手Demo
1篇
⭐️ JS入门基础
⭐️ JS高级教程
15篇
⭐️ DOM教程
8篇
⭐️ JQuery教程
10篇
Node.js学习笔记
3篇
⭐ Node.js入门基础
5篇
HTML学习笔记
2篇
CSS学习笔记
12篇
⭐️ CSS踩过的坑
1篇
⭐ CSS入门基础
9篇
Bootstrap学习笔记
1篇
⭐ Bootstrap入门基础
3篇
计算机网络
20篇
实用工具
2篇
实用插件
1篇
科技星辰
17篇
最新评论
你知道代码是如何控制硬件的吗？
不渴望力量的哈士奇:
期待小伙伴的持续产出
详解TCP、HTTP中的保活机制 | Keepalive和Keep-Alive
不渴望力量的哈士奇:
小伙伴你好 恭喜你在 【哈士奇赠书活动 - 17期】 获赠 〖uni-app跨平台开发与应用从入门到实践〗 一本，请联系我。
浏览器插件——轻松、快速下载网站源代码
kangfe001:
拓展程序在哪下载呀？
VSCode中4个Settings(JSON)的区别与联系
Z579CZ:
2、3说反了吧
解析Vue项目每一个文件夹及文件的作用
儒雅的烤地瓜:
使用vue-cli3.0创建vue项目，一般不需要配置。配置文件目录config 和 build 文件夹已经被移除了，如果需要配置的话新建vue.config.js，在里面配置
您愿意向朋友推荐“博客详情页”吗？
强烈不推荐
不推荐
一般般
推荐
强烈推荐
提交
最新文章
你知道代码是如何控制硬件的吗？
详解TCP、HTTP中的保活机制 | Keepalive和Keep-Alive
说说Keep-Alive | Pipelining | Content-Length | Transfer Encoding
2023年36篇
2022年137篇
目录
目录
分类专栏
TCP/IP | OSI模型
14篇
TCP
7篇
HTTP
4篇
开发工具
6篇
Vue.js学习笔记
17篇
⭐️ Vue踩过的坑
3篇
⭐ Vue.js入门基础
12篇
Element Vue
Git
6篇
MySQL学习笔记
⭐ MySQL入门基础
4篇
JavaScript学习笔记
14篇
⭐ 前端练手Demo
1篇
⭐️ JS入门基础
⭐️ JS高级教程
15篇
⭐️ DOM教程
8篇
⭐️ JQuery教程
10篇
Node.js学习笔记
3篇
⭐ Node.js入门基础
5篇
HTML学习笔记
2篇
CSS学习笔记
12篇
⭐️ CSS踩过的坑
1篇
⭐ CSS入门基础
9篇
Bootstrap学习笔记
1篇
⭐ Bootstrap入门基础
3篇
计算机网络
20篇
实用工具
2篇
实用插件
1篇
科技星辰
17篇
目录
评论 2
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
祝福语
请填写红包祝福语或标题
红包数量
红包个数最小为10个
红包总金额
红包金额最低5元
余额支付
当前余额3.43元
前往充值 >
需支付：10.00元
取消
确定
下一步
知道了
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝
规则
hope_wisdom 发出的红包
打赏作者
儒雅的烤地瓜
你的鼓励将是我创作的最大动力
¥2
¥4
¥6
¥10
¥20
输入1-500的整数
余额支付
(余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付
您的余额不足，请更换扫码支付或充值
打赏作者
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额
抵扣说明：
1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。 2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。
余额充值