仅供自己参考：package.json常用的依赖

全局配置：

 "@element-plus/icons-vue"：注册Element Plus图标，详情参考：Icon 图标 | Element Plus (element-plus.org)

    "@vueup/vue-quill"：富文本 带格式渲染文本内容

    "@vueuse/core"：提供了一系列的组合式 API，具体参考@vueuse/core 的简介与最佳使用实践_vueuse 定时器-CSDN博客,

    "axios"：ajax用于接口请求,

    "echarts"：echarts图表,

    "element-plus"：UI库elementUI,

    "file-saver"：用于导出文件功能，详情可参考：【vue 导出功能】file-saver插件-CSDN博客

    "fuse.js"：用于模糊查询，可参考：vue中轻量级模糊查询fuse.js使用-CSDN博客和openharmony - 【开源三方库】Fuse.js：强大、轻巧、零依赖的模糊搜索库 - 个人文章 - SegmentFault 思否,

    "js-cookie":轻量级的处理cookies的js API，详情参考：js-cookie (v3.0.5)插件的使用(jquery) - 锐洋智能 - 博客园 (cnblogs.com)，

    "jsencrypt"：浏览器端非对称加密RSA算法库，可参考：nodejs之JSEncrypt模块，浏览器端非对称加密RSA算法库-CSDN博客,

    "mitt"：mitt 提供了一个简单的 API 来发布事件和订阅事件，详情参考：第三方插件 mitt 实现跨组件通信_mitt插件-CSDN博客,

    "mqtt"：即时通信,

    "nprogress"：进度条,

    "pinia"：vuex状态管理,

    "qrcode"：生成二维码,

    "qs":Url 查询字符串解析和序列化库(一般是会用到这个库的),

    "splitpanes"：管理代码编辑窗口，详情参照：SplitPanes：优雅地管理你的代码编辑窗口-CSDN博客,

    "version-polling"：页面自动检测更新，详情参照：前端页面自动检测更新解决方案 【version-polling】前端页面自动检测更新解决方案 【version-poll - 掘金 (juejin.cn),

    "vue":,

    "vue-cropper":上传头像照片背景图等图片需要裁切图片大小用于进行图片截图的组件，详情参考：Vue - 详细介绍vue-cropper图片截图组件，支持自定义设置截图框（Vue2 & Vue3）_vue 裁剪图片组件-CSDN博客,

    "vue-echarts": ,

    "vue-router":vue路由（必须） ,

    "zxcvbn":用于密码强度检测，具体使用待探索

开发配置：

"@commitlint/cli":,

    "@commitlint/config-conventional": ,

    "@vitejs/plugin-vue": ,

    "@vue/compiler-sfc": ,

    "commitizen": ,

    "cz-conventional-changelog": ,

    "cz-customizable": ,

    "eslint": ,

    "eslint-config-prettier":执行ESLint命令会禁用那些和Prettier配置有冲突的规则 ，参考：Prettier 和 ESLint 冲突解决方案 eslint-config-prettier eslint-plugin-prettier - 彭成刚 - 博客园 (cnblogs.com),

    "eslint-plugin-prettier":禁用掉了一些不必要的以及和 Prettier 相冲突的 ESLint 规则，例如：ESLint 和 Prettier 配合使用_eslint-plugin-prettier-CSDN博客,

    "eslint-plugin-vue": 使用eslint-plugin-vue 可以对 .vue 文件进行代码校验，参照：一文带你搞懂eslint和vue之间的关系【纯干货】_vue-eslint-parser-CSDN博客,

    "husky": 用于在不同的 Git 操作（如提交和推送）前自动运行脚本，比如格式化，静态检查等等，可以参考：Husky使用简明教程-CSDN博客,

    "lint-staged": 可以让当前的代码检查只检查本次修改更新的代码，并在出现错误的时候，自动修复并且推送,可参考：什么是Mock.js以及用法_mock.js作用-CSDN博客

    "mockjs": 拦截ajax请求,返回模拟响应数据，参考：什么是Mock.js以及用法_mock.js作用-CSDN博客

    "postcss": CSS处理工具可以用来转换CSS样式，例如：理解postcss插件及其作用 - CSDN文库,

    "postcss-html": 提取html的css,

    "postcss-scss":提取sass的css,

    "prettier": 自动格式化插件,

    "sass": ,

    "stylelint": css规范控制,

    "stylelint-config-html": ,

    "stylelint-config-prettier-scss": 自动格式话css样式,

    "stylelint-config-standard-scss":帮助开发者在使用 SCSS 编写样式时遵循一致的代码风格，参考：Stylelint-config-standard-scss 使用教程-CSDN博客 ,

    "stylelint-order": 强制css进行样式排序，参考：Stylelint-Order 使用教程-CSDN博客,

    "unplugin-auto-import": 在项目中自动导入常用的第三方库的 API，例如:Vite使用unplugin-auto-import实现vue3中的自动导入_vite autoimport-CSDN博客,

    "vite": ,

    "vite-plugin-compression": 文件压缩，提高网站加载速度,

    "vite-plugin-mock": 模拟数据，参照：

【Vite】vite-plugin-mock 详解-CSDN博客和vue3+vite+mock模拟数据，使用插件vite-plugin-mock踩坑-CSDN博客,

    "vite-plugin-stylelint": ,

    "vite-plugin-svg-icons": 支持在组件中直接渲染svg图标,

    "vite-plugin-vue-setup-extend": 通过扩展的方式给 setup 函数添加新的功能，具体参考：插件vite-plugin-vue-setup-extend1.vite-plugin-vue-setup-extend - 掘金 (juejin.cn)