前端可视化开发 - 插件篇

可视化项目地址： https://github.com/chuxiaoguo...

由于最近太忙了，源码更新不及时，很多人都在问什么时候能放出源码，源码估计需要一段时间了，为了帮助需要的人，我特此先出一篇关于项目中用到的插件，组件库。

以下提到自己开发的组件后续都会放在git上面

• 页面组件ui[elementUi] - element

• 缩放拖拽 - vue-draggable-resizable
• 缩放拖拽旋转 - vue-draggable-resizable-rotatable

• 参考线[这个我自己改为vue组件了] - ref-line

• 编辑器标尺 - vue-sketch-ruler

• 图表echarts - https://echarts.apache.org/zh...
• 基本组件 - 自己撸的组件
• 表格组件 - DataV

• 操作历史[撤销重做] - indexdb(这里用snapshot不用mutation)
• 图层操作[上移下移置顶置底] - 自己撸算法（后续单独讲解）

• 预览算法[全屏幕等比缩放] - 自己撸算法（后续单独讲解）
• 滚动条 - 自己撸的组件

• 编辑器 - 这里推荐个插件
  
  ace编辑器 - 有点就是封装度比较高，上手比较容易，上图就是ace编辑器。
  
  monaco编辑器 - 这个就是vscode的原型，风格比较好看，自由度（可配置的选项）比较高，上手稍微难点，上图就是monaco编辑器。