package.json 里 dependencies和devDependencies的区别

  "dependencies": {
    "axios": "^0.22.0",
    "vue": "^3.2.6"
  },
  "devDependencies": {
    "@vicons/fluent": "^0.11.0",
    "@vitejs/plugin-vue": "^1.6.1",
    "@vue/compiler-sfc": "^3.2.6",
    "naive-ui": "^2.18.2",
    "typescript": "^4.3.2",
    "vite": "^2.5.4",
    "echarts": "^5.2.1",
    "vue-echarts": "^6.0.0",
    "vue-tsc": "^0.2.2"
  }

dependencies：

1. 项目依赖。在编码阶段和呈现页面阶段都需要的，也就是说，项目依赖即在开发环境中，又在生产环境中。如js框架vue、页面路由vue-router，各种ui框架antd、element-ui、vant等
2. –save的情况会使得下载的插件放在package.json文件的dependencies对象里面
3. 只是我们在本地或开发坏境下运行代码所依赖的，若发到线上，其实就不需要，(比如各种loader，babel全家桶及各种webpack的插件等)只用于开发环境，不用于生产环境，因此不需要打包；

devDependencies:

1. 开发依赖。仅仅在写代码过程中需要使用，比如css预处理器、vue-cli脚手架、eslint之类。
2. –save -dev 的情况会使得下载的插件放在package.json文件的devDpendencies对象里面
3. 是我们线上(生产坏境)下所要依赖的包，比如vue，我们线上时必须要使用的，所以要放在dependencies下；dependencies依赖的包不仅开发环境能使用，生产环境也能使用.