一、npm install -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

npm install —save

  • 会把 module_name 包安装到node_modules目录中
  • 会在package.json的dependencies属性下添加 module_name
  • 之后运行npm install命令时，会自动安装 module_name 到node_modules目录中

  • 之后运行npm install —production或者注明NODE_ENV变量值为production时，会自动安装 module_name 到node_modules目录中

    npm install —save-dev

  • 会把 module_name 包安装到node_modules目录中

  • 会在package.json的devDependencies属性下添加 module_name
  • 之后运行npm install命令时，会自动安装 module_name 到node_modules目录中
  • 之后运行npm install —production或者注明NODE_ENV变量值为production时，不会自动安装 module_name 到node_modules目录中

其中 install 可以简写为 i ，即 npm i module_name -S

还有一个 npm i module_name -g ，-g 指的是全局安装。不带 -g 的为本地安装

npm install本地安装

（1）将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。
（2）可以通过 require() 来引入本地安装的包。

npm install -g全局安装

(1) 将安装包放在 /usr/local 下或者你 node 的安装目录。
(2)可以直接在命令行里使用。

二、dependencies 与 devDependencies 的区别

dependencies 与 devDependencies 都是在 package.json 中的配置信息。
image.png

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

    三、总结：

    devDependencies 的理解：
    我们在开发一个前端项目的时候，需要使用到webpack或者gulp来构建我们的开发和本地运行环境，这时我们就要安装到devDependencies 里。webpack或者gulp是用来打包压缩代码的工具，在项目实际运行的时候用不到，所以把webpack或者gulp放到devDependencies 中就行了。

dependencies 的理解：
我们在项目中用到了element-ui或者mint-ui，在生产环境中运行项目，当然也需要element-ui或者mint-ui，所以我们把element-ui或者mint-ui安装到dependencies中。