怎么分辨依赖安装在开发环境中还是生产环境中

1.如果是你编辑代码的时候用到的辅助工具依赖就安装到 devDependencies 下，也就是 npm install 包名 --save-dev(注意 –save-dev 中间没有空格哦)

• 例如一些 CSS 预处理器：Less,Sass,Stylus，他们会在你打包项目的时候编译成为正常的 CSS 文件。
• ESlint 这样的语法规则检查工具，帮助你检查你语法是否规范，代码风格是否良好，然后提示你需要修改或者直接把代码格式化成未预设的规范格式。
• Webpack 这样的打包工具等等

这些帮助你快速开发的工具类依赖包，它们在开发完成之后是不需要存在你项目里边的，所以是安装在开发环境中，在项目打包时就可以忽略这些依赖来达到压缩项目大小的目的

2.如果是你项目运行需要的依赖，就安装到 dependencies 下 就是npm install 包名 --save

• 例如 React、Angular、Vue.js 这样的前端框架
• axios 这样的 http 请求库
• 或者 BootStrap,ElemntUI 这样的 UI 组件库