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

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

举例：

1、-S

npm i jQuery -S  
就等于 
npm i jQuery --save
1
2
3

注意：

• i是install的简写
• 后面的-S（或者–save）参数表示安装的第三方包（即上面举例的jQuery）放在文件package.json里面的"dependencies",代码如下：

"dependencies":{
      "jQuery":"^3.6.0"   //3.6.0是jQuery的版本号
}
1
2
3

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

1
2
3
4

注意：

• 后面的-D（或者–save-dev）参数表示安装的第三方包（即上面举例的webpack和webpack-cli)被记录在package.json里面的"devdependencies"，代码如下：

"devdependencies":{
      "webpack":"^5.42.1",
      "webpack-cli":"^4.7.2"
}
1
2
3
4

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

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

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

1. 第一步：
   
2. 进入这个网站后，例如需要下载webpack，即在这个网站里面直接搜索webpack
   
3. 点击你需要下载的webpack选项，这里我点击第一个，进入后往下滚动，找到如下图，就知道官网规定的，是-S还是-D