package.json

{
  "name": "project-name", 项目名字
  "version": "0.1.0",  版本号
  "private": true,  项目包，不需要发版
  "scripts": {  脚本
    "serve": "vue-cli-service serve",  运行命令后缀是 serve
    "build": "vue-cli-service build"   打包命令后缀是 build
  },
  "dependencies": {  用户发布环境
    "amfe-flexible": "^2.2.1",  移动端自适应
    "autoprefixer": "^10.4.2",  自动添加浏览器样式前缀如：-webkit-box 和 flex;
    "axios": "^1.3.2",  基于promise的网络请求库,作用于node.js和浏览器
    "core-js": "^3.8.3",  提供新语法api一个集合库
    "html2canvas": "^1.4.1",  获取HTML某个元素,生成Canvas,能保存为图片(屏幕截图)
    "postcss": "^8.4.5", 转换CSS;将css内容 输出为 css文件
    "postcss-loader": "^7.0.2",  进一步处理 CSS 文件，比如添加浏览器前缀，压缩 CSS 等
    "sass-loader": "^13.2.0",  将scss这类样式文件转换处理成我们常规的css样式文件
    "svga": "^2.0.7",  引用svga格式的动画
    "vant": "^2.12.54",  轻量、可定制的移动端组件库
    "vconsole": "^3.14.6", 手机上的前端开发者调试工具
    "vue": "^2.7.14",  可以独立完成前后端分离式web项目的JAVAScript框架
    "vue-router": "^2.7.0",  Vue.js官方的路由插件，适合用于构建单页面应用
    "vuex": "^3.6.2"  采用集中式存储管理应用的所有组件的状态，解决多组件数据通信。
  },
  "devDependencies": {  用于本地环境开发（不会被打入包内）
    "@vue/cli-plugin-babel": "~5.0.0", 将ECMAScript2015+版本代码转为向后兼容的JS语法
    "@vue/cli-plugin-router": "~5.0.0",  规范化router的使用，添加更完美的默认配置。
    "@vue/cli-plugin-vuex": "~5.0.0", 规范化 vuex 的使用，同时提供更加完美的默认配置
    "@vue/cli-service": "~5.0.0",  一个开发环境依赖
    "babel-polyfill": "^6.26.0",   模拟es2015+的环境，对新语法需要的新对象进行补全
    "postcss-pxtorem": "^6.0.0",  PostCSS的插件，用于将像素单元生成rem单位
    "sass": "^1.32.7", CSS扩展语言
    "vue-template-compiler": "^2.6.14" 将Vue2预编译为渲染函数避免编译开销/CSP限制
    "vite": "^2.0.0", 前端构建工具，开发，打包
    "vite-plugin-compression": "0.3.6",  开启gzip压缩，静态资源压缩
    "vite-plugin-style-import": "^1.4.1",  按需导入样式
    "vite-plugin-vue-setup-extend": "0.1.0" 解决setup下，手动设置组件name不方便
  }
}

vue-cli : 提供交互式的 项目脚手架;零配置原型开发；运行时依赖

              确保各种构建工具能够基于智能的默认配置,即可平稳衔接

 补充：

"devDependencies":{
"@babel/core":  将ES6代码转换为ES5,babel的核心库
"eslint":  代码检查器，检查目标代码是否符合语法和规定的风格习惯
"@vue-cli-plugin-vuex":  vue-cli 的 eslint 插件
"eslint-plugin-vue":  vue 的 eslint 插件
"@babel/eslint-parser":允许 ESLint 在由 Babel 转换的源代码上运行的解析器
}