npm后面的-S和-D参数举例详解

 更新时间:2024年01月17日 11:08:11   作者:o-h-  
这篇文章主要给大家介绍了关于npm后面的-S和-D参数举例详解的相关资料,文中还介绍了npm -s和-d的一些区别,对大家的学习或者工作具有一定的参考阶级价值,需要的朋友可以参考下

npm后面的 -S和-D参数可以加上也可以不加上,但推荐加上,这样更加语义化!

举例:

1、-S

npm i jQuery -S  
就等于 
npm i jQuery --save

注意:

  • i是install的简写
  • 后面的-S(或者–save)参数表示安装的第三方包(即上面举例的jQuery)放在文件package.json里面的"dependencies",代码如下:
"dependencies":{
      "jQuery":"^3.6.0"   //3.6.0是jQuery的版本号
}

2、-D

npm i webpack@5.42.1 webpack-cli@4.7.2 -D
就等于
npm i webpack@5.42.1 webpack-cli@4.7.2 --save-dev

注意:

  • 后面的-D(或者–save-dev)参数表示安装的第三方包(即上面举例的webpack和webpack-cli)被记录在package.json里面的"devdependencies",代码如下:
"devdependencies":{
      "webpack":"^5.42.1",
      "webpack-cli":"^4.7.2"
}

3、"dependencies"表示开发和上线都需要的第三方包,用-S

4、"devdependencies"表示仅在开发阶段需要的第三方包,用-D

5、如何判断何时用-S还是-D?

  • 第一步:

  • 进入这个网站后,例如需要下载webpack,即在这个网站里面直接搜索webpack

  • 点击你需要下载的webpack选项,这里我点击第一个,进入后往下滚动,找到如下图,就知道官网规定的,是-S还是-D

附:npm -s和-d区别

npm install module_name -S = > npm install module_name --save

写入到 dependencies 对象

npm install module_name -D => npm install module_name --save-dev

写入到 devDependencies 对象

那 package.json 文件里面的 devDependencies 和 dependencies 对象有什么区别呢?

devDependencies 里面的插件只用于开发环境,不用于生产环境,而 dependencies 是需要发布到生产环境的。

总结 

到此这篇关于npm后面的-S和-D参数举例详解的文章就介绍到这了,更多相关npm -S和-D参数详解内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 详解微信小程序——自定义圆形进度条

    详解微信小程序——自定义圆形进度条

    这篇文章主要介绍了详解微信小程序——自定义圆形进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2016-12-12
  • JS动态修改网页body的背景色实例代码

    JS动态修改网页body的背景色实例代码

    这篇文章主要介绍了JS动态修改网页body的背景色实例代码 ,需要的朋友可以参考下
    2017-10-10
  • Javascript this 的一些学习总结

    Javascript this 的一些学习总结

    相信有C++、C#或Java等编程经验的各位,对于this关键字再熟悉不过了。由于Javascript是一种面向对象的编程语言,它和C++、C#或Java一样都包含this关键字,接下来我们将向大家介绍Javascript中的this关键字
    2012-08-08
  • js实现按钮颜色渐变动画效果

    js实现按钮颜色渐变动画效果

    这篇文章主要介绍了js实现按钮颜色渐变动画效果的方法,涉及javascript鼠标事件及页面表单元素样式的动态操作技巧,需要的朋友可以参考下
    2015-08-08
  • Vue项目vscode 安装eslint插件的方法(代码自动修复)

    Vue项目vscode 安装eslint插件的方法(代码自动修复)

    这篇文章主要介绍了Vue项目vscode 安装eslint插件的方法 代码自动修复,需要的朋友可以参考下
    2020-04-04
  • js异步之async和await实现同步写法

    js异步之async和await实现同步写法

    本文主要介绍了js异步之async和await实现同步写法,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • JavaScript数据结构之双向链表和双向循环链表的实现

    JavaScript数据结构之双向链表和双向循环链表的实现

    本篇文章主要介绍了JavaScript数据结构之双向链表和双向循环链表的实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • 微信小程序一周时间表功能实现

    微信小程序一周时间表功能实现

    这篇文章主要介绍了微信小程序一周时间表功能实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • ES6 Set结构的应用实例分析

    ES6 Set结构的应用实例分析

    这篇文章主要介绍了ES6 Set结构的应用,结合实例形式分析了ES6 set结构的功能、特点、常见用法及相关操作注意事项,需要的朋友可以参考下
    2019-06-06
  • 基于js实现的图片拖拽排序源码实例

    基于js实现的图片拖拽排序源码实例

    这篇文章主要给大家介绍了关于如何基于js实现的图片拖拽排序的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11

最新评论