JS周边生态
打包工具
| 序号 | 名称 | 说明 |
|---|---|---|
| 1 | vite | 现代打包工具 |
| 2 | webpack | 打包工具 |
| 3 | rollup | 打包工具 |
| 4 | esbuild | 打包工具 |
UI组件库
| 序号 | 名称 | 说明 |
|---|---|---|
| 1 | element-ui | 饿了么出品的Vue UI组件库 |
| 2 | ant-design-vue | 基于 Ant Design 设计体系的 Vue 组件库 |
| 3 | tdesign | 京东风格的Vue组件库 |
| 4 | vuestic-ui | Vue.js 3的响应式、模块化和类型安全的UI框架 |
| 5 | vant | 有赞出品的Vue UI组件库 |
| 6 | iview | 基于 Vue.js 的高质量 UI 组件库 |
状态管理
| 序号 | 名称 | 说明 |
|---|---|---|
| 1 | pinia | Vue3的状态管理库 |
| 2 | vuex | Vue2的状态管理库 |
| 3 | redux | 状态管理库 |
路由管理
| 序号 | 名称 | 说明 |
|---|---|---|
| 1 | vue-router | Vue的路由管理库 |
| 2 | react-router | React的路由管理库 |
动画
| 序号 | 名称 | 说明 |
|---|---|---|
| 1 | vue-starport | 带有动画的跨路由共享组件 |
| 2 | @vueuse/motion | VueComposables让你的组件动起来 |
音视频
| 序号 | 名称 | 说明 |
|---|---|---|
| 1 | @vueuse/sound | 用于播放音效的Vue组合函数 |
可视化
| 序号 | 名称 | 说明 |
|---|---|---|
| 1 | pdfjs | 基于JS的PDF阅读器 |
| 2 | iconpark | 基于Vue3的图标库 |
| 3 | Vue-ECharts | 基于Vue3的ECharts图表库 |
| 4 | antv | 基于Vue3的图表库 |
插件
| 序号 | 名称 | 说明 |
|---|---|---|
| 1 | vue-multiselect-next | 通用选择/多选/标记组件 |
| 2 | vue-print-nb | 用于印刷、简单、快速、方便、轻便的指令包装器 |
| 3 | vue-i18n-next | Vue3的国际化插件 |
| 4 | vue-cropper | 简单的vue图片裁剪插件 |
| 5 | VueGridLayout | Vue.js的网格布局系统 |
| 6 | VueQrcodeReader | 允许在不离开浏览器的情况下检测和解码二维码 |
| 7 | MakeitCaptcha | 基于Vue3+Vite+Canvas开发的滑块验证码，动态生成验证滑块，结合后端的二次校验，能有效的避免被抓取模拟验证 |
| 8 | vue3-clipboard | Vue3的clipboard.js |
| 9 | vue.draggable | 基于Sortable.js的Vue3拖放组件 |
| 10 | BetterScroll | 解决移动端（已支持PC）各种滚动场景需求的插件 |
服务端渲染
| 序号 | 名称 | 说明 |
|---|---|---|
| 1 | nuxt3 | 轻量级应用框架,可用来创建服务端渲染(SSR)应用 |
| 2 | NuxtModules | Nuxt发现我们的模块列表以增强您的Nuxt项目 |