devDependencies与dependencies如何理解

我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，他们是：

• –save-dev 安装的 插件，被写入到 devDependencies 对象里面去
• –save 安装的 插件 ，被写入到 dependencies 对象里面去 

说明：Dependencies一词的中文意思是依赖和附属的意思，而dev则是develop（开发）的简写。

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

• devDependencies是开发时的依赖，上线打包时并不会出现打包进代码中，比如glup、webpack相关的工具，只是用于开发阶段。上线以后就和他们没关系了，所以将它写入devDependencies。
• dependencies是线上运行时需要的依赖，打包时会被打包处理，比如vue、vue-router、axios等等，没有这些依赖，你的程序又怎么能跑起来呢。项目中做依赖处理的时候要注意，项目中依赖的包需要放到dependencies当中。

安装命令：

保存在devDependencies

npm install gulp --save-dev

保存在dependencies

npm i axios --save