实用的前端插件,持续更新中

540 阅读5分钟

@amap/amap-jsapi-loader

amap-jsapi-loader 是高德开放平台官网提供的地图 JSAPI 的加载器,可帮助开发者快速定位、有效避免加载引用地图 JSAPI 各种错误用法。

@howdyjs/mouse-menu

自定义菜单-VUE3组件/指令

@logicflow/core

LogicFlow 是一款流程图编辑框架,提供了一系列流程图交互、编辑所必需的功能和简单灵活的节点自定义、插件等拓展机制,方便我们快速在业务系统内满足类流程图的需求。

@logicflow/extension

LogicFlow 扩展包

@pureadmin/descriptions

二次封装element-plus的Descriptions,提供灵活的配置项

@pureadmin/table

二次封装element-plus的Table,提供灵活的配置项

@pureadmin/utils

常用的工具函数(utils、hooks)

@vueuse/core

VueUse 是一个基于Composition API(组合API)的实用函数集合,封装了常见的一些交互逻辑 @vueuse/motion

提供可组合函数的无渲染组件样式用法,以组件方式使用它

@wangeditor/editor

开源 Web 富文本编辑器,开箱即用,配置简单。支持 JS Vue React 。

@wangeditor/editor-for-vue

基于 wangEditor 封装的开箱即用的 Vue2 组件

animate.css

动画的css样式

china-area-data

中国行政区域数据

cropperjs

一款图片裁剪工具,它可以进行非常灵活的配置,支持手机端使用,支持包括IE9以上的现代浏览器。

dayjs

Day.js是一个极简的JavaScript库,它通过与moment .js兼容的API为现代浏览器解析、验证、操作和显示日期和时间。

echarts

图表插件

el-table-infinite-scroll

无限滚动el-table

element-resize-detector

优化跨浏览器调整元素大小监听器

intro.js

分步骤帮助引导的插件

js-cookie

操作cookie

jsbarcode

JsBarcode是一个用JavaScript编写的条形码生成器。它支持多种条码格式,可在浏览器和Node.js中使用。

lodash

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库

lodash-es

Lodash库导出为ES模块。

lodash-unified

ESModule和Commonjs的lodash的公共入口点

md-editor-v3

vue3 环境的 Markdown 编辑器,使用 jsx 和 typescript 语法开发,支持在 tsx 项目使用。

mitt

足够小,仅有200bytes,支持全部事件的监听和批量移除,它还不依赖 Vue 实例,所以可以跨框架使用,React 或者 Vue,甚至 jQuery 项目都能使用同一套库。

mockjs

生成随机数据 & 拦截 Ajax 请求

nprogress

Ajax应用程序的细长进度条。

pinia

Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态。

qrcode

二维码/2d条形码生成器。

qs

添加了一些安全性的查询字符串解析和字符串化库。

responsive-storage

响应式本地存储,支持ve2和ve3

sortablejs

Sortable是一个JavaScript库,用于可重排序的拖放列表。

swiper

最现代的移动触摸滑块与硬件加速的轮播图。它旨在用于移动网站、移动web应用程序和移动原生/混合应用程序。

typeit

轻量级响应式 jQuery 打字机特效插件

v-contextmenu

基于 Vue2.x 的右键菜单插件。

vue-json-pretty

一个Vue组件,用于将JSON数据呈现为树结构。

vue-pdf-embed

PDF嵌入组件Vue 2和Vue 3

vue-types

vue props 类型定义工具, 使用链式调用的方式定义vue props

vue-virtual-scroller

vue的虚拟滚动插件

vue3-danmaku

基于 Vue3 的弹幕交互组件

vuedraggable

基于Sortable.js实现的vue拖拽插件

xgplayer

西瓜视频播放器库

xlsx

SheetJS,电子表格简化,读取、编辑和导出电子表格,适用于web浏览器和服务器,在Office 365中受到微软的信任

@commitlint/cli

代码提交检查规范

@commitlint/config-conventional

检查常规提交

@iconify-icons/ep

Element Plus中包含每个图标的单独文件,可以导入到项目中

@iconify-icons/mdi

一种iconify图标库

@iconify-icons/ri

一种iconify图标库

@iconify/vue

一种iconify图标库

@intlify/unplugin-vue-i18n

Vue I18n的unplugin

@pureadmin/theme

vue-pure-admin 官方主题插件

@vitejs/plugin-vue

对于JSX / TSX支持,还需要@vitejs/plugin-vue-jsx

@vitejs/plugin-vue-jsx

对于JSX / TSX支持

@vue/eslint-config-prettier

eslint-config-prettier for Vue cssnano

cssnano对格式化好的CSS进行了许多优化,以确保最终结果在生产环境中尽可能小。

picocolors

最小和最快的库终端输出格式与ANSI颜色。

svgo

SVG Optimizer是一个基于node .js的工具,用于优化SVG矢量图形文件。压缩svg文件,减少体积

tailwindcss

一个实用工具优先的CSS框架,用于快速构建自定义用户界面。

terser

用于ES6+的JavaScript分析器/压缩器工具包。压缩、优化代码,让bundle变得更小

unplugin-vue-define-options

实现 在Vue3 setup语法糖中,自定义组件的 name 属性,实现组件的全局自动注册

vite-plugin-cdn-import

用vite插件从CDN导入模块

vite-plugin-compression

使用 gzip 或者 brotli 来压缩资源。

vite-plugin-mock

提供本地和生产模拟服务。 vite 的数据模拟插件,是基于 vite.js 开发的

vite-plugin-remove-console

一个vite插件,删除生产环境中所有指定的控制台类型

vite-svg-loader

Vite插件加载SVG文件作为Vue组件,使用SVGO进行优化

vue-eslint-parser

.vue文件的ESLint自定义解析器。

vue-tsc

在命令行检查类型和生成类型声明文件,对 TypeScript 自身命令行界面 

tsc 的一个封装,它的工作方式基本和 tsc 一致。除了 TypeScript 文件,它还支持 Vue 的单文件组件。

vue-ellipsis

多行文本省略插件,支持vue2

vue-clamp

多行文本展开折叠