依赖包推荐

HTTP请求

pnpm add axios@latest

{
  "dependencies": {
    "axios": "^0.26.1",
    "throttle-debounce": "^3.0.1",
  }
}

• hrottle-debounce: 节流与防抖
• axios: 基于 Promise 的 HTTP 客户端，提供拦截器、自动转换 JSON、请求/响应转换等功能，解决网络请求的复杂处理
• qs: 查询字符串解析和序列化库，处理 URL 参数编码解码问题

存储

• localforage: 本地存储（IndexedDB/WebSQL/localStorage）
• responsive-storage:响应式存储（响应式封装 localStorage）
• js-cookie: Cookie 操作

日期时间处理

• dayjs: 轻量级的日期时间处理库，提供格式化、解析、计算等功能，解决日期操作的复杂性问题

样式

{
  "devDependencies": {
    "@iconify-json/carbon": "catalog:build",
    "unocss": "catalog:build",
  }
}

• unocss: 原子化 CSS 引擎。

• @iconify-json/carbon: Carbon Design System 图标集，提供图标数据，配合 UnoCSS 使用。

• normalize.css: CSS 重置，统一浏览器默认样式

• sass: Sass 预处理器

• @tailwindcss/vite: Tailwind CSS Vite 插件

• tailwindcss: 实用优先的 CSS 框架

动画

• @vueuse/motion: 动画工具
• animate.css: CSS 动画库

图表

• echarts: 图表库

图片处理

• cropperjs: 图片裁剪

文件处理

• xlsx: Excel 读写

交互增强

• sortablejs: 轻量级拖拽排序库，支持列表、表格等元素的拖拽重排，解决拖拽交互的复杂实现
• splitpanes: 可调整分割面板
• v-contextmenu: 右键菜单
• nprogress: 页面顶部进度条，提供页面加载进度指示，提升用户体验
• vue-sonner: Vue Toast 通知组件，提供优雅的通知提示功能
• vue-tippy工具提示（基于 Tippy.js）

文本处理

• pinyin-pro: 中文拼音转换库，支持多音字、声调等功能，解决中文搜索和排序问题
• scule: 字符串工具库，提供字符串大小写转换、驼峰命名等功能

安全

• disable-devtool: 禁用浏览器开发者工具，防止代码被调试和查看，用于生产环境安全防护
• watermark-js-plus: 页面水印生成库，为页面添加文字或图片水印，保护内容版权

工具辅助包

{
  "scripts": {
    "build": "run-p type-check \"build-only {@}\" --",
    "type-check": "vue-tsc --build",
    "build-only": "vite build"
  },
  "devDependencies": {
    "npm-run-all2": "^8.0.4"
  }
}

• npm-run-all2: 能同时执行多个任务的npm命令行工具。

其他

• @vue/compiler-sfc: Vue 单文件组件编译器
• @webxrd/vite-plugin-svg: SVG 处理插件
• mitt: 轻量级的事件总线库，提供发布订阅模式，解决组件间通信问题
• vue-types: Vue 组件 props 类型定义
• path-browserify: Node.js path 模块的浏览器版本，提供路径操作 API，解决浏览器环境下的路径处理问题