execa
是可以调用shell和本地外部程序的javascript封装。
commander
命令行工具 库详解
inquirer.js
用户与命令行交互的工具 库详解
log-symbols
为各种日志级别提供着色的符号 库详解
fs-extra
文件操作相关工具库
process.cwd():是当前执行node命令时候的文件夹地址 ——工作目录,保证了文件在不同的目录下执行时,路径始终不变
__dirname:是被执行的js 文件的地址 ——文件所在目录
滚动分页加载
vue-infinite-loading vue2版本(稳定)
v3-infinite-loading vue3版本(可能有bug)
颜色选择器
vcolorpicker vue2版本
vue3-colorpicker vue3版本
拖拽相关
1. vue-draggable-resizable
有点无需其他依赖,这个适用于编辑器的功能,组件进行对齐、改变大小、拖拽等等操作
文档:https://tingtas.com/vue-draggable-resizable-gorkys/
2. vuedraggable
是一个基于 Vue.js 和 Sortable.js 的拖拽组件,用于创建可拖拽的列表。
虽然它最初是为 Vue 2.x 设计的,但它可以在 Vue 3 中使用。
特点:
- 支持触摸设备
- 支持拖拽和选择文本
- 支持智能滚动
- 支持不同列表之间的拖拽
- 不以jQuery为基础
- 和视图模型同步刷新
- 和vue2的过渡动画兼容
- 支持撤销操作
- 当需要完全控制时,可以抛出所有变化
- 可以和现有的UI组件兼容
文档:https://www.itxst.com/vue-draggable/tutorial.html
3. vue-svg-draw
在SVG图中进行绘制,适用于路径绘制、区域绘制等,这是一个封装了vivus功能的vue组件。
vivus是一款展示svg路径动画的js插件,不需要其它依赖库。
4. fabric.js
Fabric.js是一个强大的HTML5 canvas库,可以用于复杂的矢量图形编辑,可以将其封装成vue组件,使其能在vue项目中方便实现区域绘制和编辑。
学习看这篇:http://www.clicksun.cn/mis/bbs/showapp.asp?bd=1&id=19995
demo:
http://fabricjs.com/demos/