项目package.json截图
文字描述
dependencies：项目依赖。在编码阶段和呈现页面阶段都需要的，也就是说，项目依赖即在开发环境中，又在生产环境中。如js框架vue、页面路由vue-router，各种ui框架antd、element-ui、vant等。
devDependencies: 开发依赖。仅仅在写代码过程中需要使用，比如css预处理器、vue-cli脚手架、eslint之类。
后面部分为–save -dev 的情况会使得下载的插件放在package.json文件的devDpendencies对象里面
后面部分为–save的情况会使得下载的插件放在package.json文件的dependencies对象里面
区别
devDependencies下的依赖包，只是我们在本地或开发坏境下运行代码所依赖的，若发到线上，其实就不需要devDependencies下的所有依赖包；(比如各种loader，babel全家桶及各种webpack的插件等)只用于开发环境，不用于生产环境，因此不需要打包；
dependencies是我们线上(生产坏境)下所要依赖的包，比如vue，我们线上时必须要使用的，所以要放在dependencies下；dependencies依赖的包不仅开发环境能使用，生产环境也能使用
个人理解
1.dependencies是项目的必须依赖。（无论什么环境，都需要的依赖）
2.devDependencies仅仅是可选依赖。
包的安装命令
1.`npm i xxx@xxx`和`npm i xxx@xxx -S`（`npm i xxx@xxx--save`） 是安装必须依赖
2.`npm i xxx -D`（`npm i xxx@xxx--save-dev`） 是安装开发依赖
更多npm 命令简写
npm install本身有一个别名，即npm i，可以使用这种缩写方式来运行命令，打到简化的效果。
以下为指定的一些命令行参数的缩写方式：
**-g**
--global，缩写为-g，表示安装包时，视作全局的包。安装之后的包将位于系统预设的目录之下。
**-S**
--save，缩写为-S，表示安装的包将写入package.json里面的dependencies。
**-D**
--save-dev，缩写为-D，表示将安装的包将写入packege.json里面的devDependencies。
**-O**
--save-optional缩写为-O，表示将安装的包将写入packege.json里面的optionalDependencies。
**-E**
--save-exact缩写为-E，表示安装的包的版本是精确指定的。
**-B**
--save-bundle缩写为-B，表示将安装的包将写入packege.json里面的bundleDependencies。