简单整理：

一、关键词解释

devDependencies用于本地环境开发

dependencies用户发布环境

devDependencies是只会在开发环境下依赖的模块，生产环境不会被打入包内。通过NODE_ENV=developement或NODE_ENV=production指定开发还是生产环境。 而dependencies依赖的包不仅开发环境能使用，生产环境也能使用。其实这句话是重点，按照这个观念很容易决定安装模块时是使用--save还是--save-dev。

二、基本用法：

-P 相当于 --save-prod， 添加dependencies 里面所有的包。在 -D -O 不存在时，-P 就是默认值 。 也可以写全称： --save-production
-S 相当于 --save; 添加dependencies 里面所有的包。
-D 相当于 --save-dev; 添加devDependencies 里面所有的包，
-O 相当于 --save-optional, 添加在 optionalDependencies 里面的包，
--no-save： 阻止保存记录在dependencies 中。

官方文档：https://docs.npmjs.com/cli/install

三、案例：

dependencies

装载：npm install vue  --save-prod

卸载：npm uninstall vue  --prod

devDependencies

装载：npm install vue  --save-dev

卸载：npm uninstall vue  --dev

测试发现你不能将同一个包（例如vue），同时安装到dependencies和devDependencies 里面，他们是互斥的，只能二选一。

这反证了：dependencies依赖的包不仅开发环境能使用，生产环境也能使用。

四 、 疑问解决

　　如果你不知道某个包（或叫模块、依赖、组件）是用于开发环境还是生产环境，那么建议1 百度一下，弄清楚是此包用于生产还是开发；2百度没找到答案， 先放到devDependencies，然后 npm run build ，然后测试运行dist中打包好的程序看是否报错。3 若dist没问题，但你还是不放心，放到dependencies保准万无一失，只是生产脚本稍微大的些。

五、注意

npm 的配置文件 package.json 里可以支持设置一些命令（scripts），然后提供简洁的方式执行这个命令，就是 npm run xxx。我们把 开发中需要执行的命令在 package.json 的 script 中定义成 dev，就可以直接通过 npm run dev 触发执行了。例如"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",  特别注意：npm run dev 的dev 与 npm install  模块名 --save-dev   的dev不是一个东西，一点关系都没有。

npm install  模块名 --save-dev   ，这里的dev默认特指 devDependencies

npm run dev 的dev 是自定义的，这里dev可以改成任意名称，为了避免混淆建议改成其他名称 例如  mydev 等。

转载一https://blog.csdn.net/zDeer520/article/details/73431295

不再纠结devDependencies与dependencies

npm install在安装node模块时，有两种命令参数可以把它们的信息写入package.json文件：

–save
–save-dev

但它的文档里1，只提到一个小区别，–save会把依赖包名称添加到package.json文件dependencies键下，–save-dev则添加到package.json文件devDependencies键下，譬如：

{"name": "yo","version": "0.0.0","dependencies": {},"devDependencies": {"grunt": "~0.4.1","grunt-contrib-copy": "~0.4.1","grunt-contrib-concat": "~0.3.0","grunt-contrib-uglify": "~0.2.0","grunt-contrib-compass": "~0.7.0","grunt-contrib-jshint": "~0.7.0","grunt-contrib-cssmin": "~0.7.0",}
}

dependencies与devDependencies的区别：devDependencies下列出的模块，是我们开发时用的依赖项，像一些进行单元测试之类的包，比如grunt-contrib-uglify，我们用它混淆js文件，它们不会被部署到生产环境。dependencies下的模块，则是我们生产环境中需要的依赖，即正常运行该包时所需要的依赖项。

如果你将包下载下来在包的根目录里运行,执行如下命令,默认会安装两种依赖

npm install

如果你只是单纯的使用这个包而不需要进行一些改动测试之类的，只安装dependencies而不安装devDependencies。执行：

npm install --production

通过“npm install packagename”进行安装，只会安装dependencies

npm install packagename

如需安装devDependencies，执行：

npm install packagename --dev  

转载四

回顾 npm install 命令

最近在写Node程序的时候，突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的，各种查资料和实践后对它们之间的异同点略有理解。遂写下这篇文章避免自己忘记，同时也给node猿友一点指引。

我们在使用 npm install 安装模块的模块的时候 ，一般会使用下面这几种命令形式：

那么问题来了，在项目中我们应该使用四个命令中的哪个呢？这个就要视情况而定了。下面对这四个命令进行对比，看完后你就不再这么问了。

npm install moduleName 命令

1. 安装模块到项目node_modules目录下。
2. 不会将模块依赖写入devDependencies或dependencies 节点。
3. 运行 npm install 初始化项目时不会下载模块。

npm install -g moduleName 命令

1. 安装模块到全局，不会在项目node_modules目录中保存模块包。
2. 不会将模块依赖写入devDependencies或dependencies 节点。
3. 运行 npm install 初始化项目时不会下载模块。

npm install -save moduleName 命令

1. 安装模块到项目node_modules目录下。
2. 会将模块依赖写入dependencies 节点。
3. 运行 npm install 初始化项目时，会将模块下载到项目目录下。
4. 运行npm install --production或者注明NODE_ENV变量值为production时，会自动下载模块到node_modules目录中。

npm install -save-dev moduleName 命令

1. 安装模块到项目node_modules目录下。
2. 会将模块依赖写入devDependencies 节点。
3. 运行 npm install 初始化项目时，会将模块下载到项目目录下。
4. 运行npm install --production或者注明NODE_ENV变量值为production时，不会自动下载模块到node_modules目录中。

总结

devDependencies 节点下的模块是我们在开发时需要用的，比如项目中使用的 gulp ，压缩css、js的模块。这些模块在我们的项目部署后是不需要的，所以我们可以使用 -save-dev 的形式安装。像 express 这些模块是项目运行必备的，应该安装在 dependencies 节点下，所以我们应该使用 -save 的形式安装。