--save 和 --save-dev 的作用和区别简单描述

简单来说：

•         这跟 npm install  和 npm i 是一样的
•         --save 和 -S 是一样的
•         --save-dev 和 -D 是一样的
•         --save 和 -S 安装运行依赖（项目上线以后也需要使用到的）
•         --save-dev 和 -D 安装开发依赖（只在开发阶段使用）

在package.json 文件中有体现：

        dependencies 是运行依赖   devDependencies 是开发依赖

譬如：

  "dependencies": {
    "axios": "^0.18.0",
    "echarts": "^4.2.0-rc.2",
    "element-ui": "^2.3.7",
    "vue": "^2.5.2",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1",
    "xlsx": "^0.17.0"
  },
  "devDependencies": {
    "autoprefixer": "^7.1.2",
    "chalk": "^2.0.1",
    "copy-webpack-plugin": "^4.0.1",
    "css-loader": "^0.28.0",
    "extract-text-webpack-plugin": "^3.0.0",
    "file-loader": "^1.1.4",
    "friendly-errors-webpack-plugin": "^1.6.1",
    "gulp-sass": "^4.1.0",
    "html-webpack-plugin": "^2.30.1",
    "node-notifier": "^5.1.2",
  },

总结：

-S，--save 安装包信息将载入到 dependencies（生产阶段的依赖，也就是项目运行时的依赖，就是程序上线以后仍然需要使用的依赖）

-D，--save-dev 安装包信息会载入到 devDependencies（开发阶段的依赖，就是我们在开发过程中需要用的依赖，只在开发阶段起作用的）