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参数详解内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • js实现textarea限制输入字数

    js实现textarea限制输入字数

    本文主要介绍了js实现textarea限制输入字数的原理与方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 浅谈javascript中for in 和 for each in的区别

    浅谈javascript中for in 和 for each in的区别

    两个的作用都用来遍历对象,但为什么有了for in语句了还要for each in语句呢,后来看了下for each in开发的文档,for each in是作为E4X标准的一部分在javascript 1.6中发布的,而且它不是ECMAScript标准的一部分
    2015-04-04
  • js实现右下角提示框的方法

    js实现右下角提示框的方法

    这篇文章主要介绍了js实现右下角提示框的方法,实例分析了Jquery插件popup.js的具体用法,需要的朋友可以参考下
    2015-02-02
  • 用Javascript读取中文COOKIE的解决办法

    用Javascript读取中文COOKIE的解决办法

    用Javascript读取中文COOKIE的解决办法...
    2007-02-02
  • JS+CSS实现仿新浪微博搜索框的方法

    JS+CSS实现仿新浪微博搜索框的方法

    这篇文章主要介绍了JS+CSS实现仿新浪微博搜索框的方法,实例分析了javascript针对搜索框样式的控制技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 详解webpack引用jquery(第三方模块)的三种办法

    详解webpack引用jquery(第三方模块)的三种办法

    这篇文章主要介绍了详解webpack引用jquery(第三方模块)的三种办法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • 菜鸟也能搞懂js中typeof与instanceof区别

    菜鸟也能搞懂js中typeof与instanceof区别

    instanceof和typeof是两个运算符,在程序设计中用到,常用来判断一个变量是否为空,或者是什么类型的,本文就来介绍一下typeof与instanceof区别,感兴趣的可以了解一下
    2021-09-09
  • ymPrompt的doHandler方法来实现获取子窗口返回值的方法

    ymPrompt的doHandler方法来实现获取子窗口返回值的方法

    今天在写页面时用到了ymPrompt的win方法来弹出一个窗口。由于要用到获取子窗口返回来的值判断是否刷新父窗口,在ymPrompt的组件Demo中一直没有找到合适的方法实现
    2010-06-06
  • 深入理解JS中的微任务和宏任务的执行顺序及应用场景

    深入理解JS中的微任务和宏任务的执行顺序及应用场景

    JavaScript中的任务分为宏任务和微任务,它们的执行顺序会影响代码的执行结果。了解它们的机制可以帮助我们更好地理解事件循环和异步编程,避免出现一些意想不到的错误
    2023-05-05
  • 微信小程序中富文本编辑器的实现

    微信小程序中富文本编辑器的实现

    富文本编辑器不同于文本编辑器,程序员可到网上下载免费的富文本编辑器内嵌于自己的网站或程序里。本文将详解一下微信小程序中富文本编辑器的实现与使用,需要的可以参考一下
    2022-06-06

最新评论