vue可视化拖拽生成工具_GitHub - dearsurf/vdesjs: 基于vue的可视化拖拽，代码生成工具。...

vdesjs

介绍 📢 📢

vdesjs是一款基于vue技术栈，可视化拖拽，代码生成工具。我们提供详细的文档来帮助您理解我们工具的实现原理，并且您可以方便的基于vdesjs来扩展您自己的代码生成组件。

技术选型 💻 💻

技术

描述

基于 Sortable.js 的 Vue 拖放组件

vuex

状态管理工具(简单理解就是维护vue的公共变量，供全局使用)

将文本复制到剪贴板的插件

基于Vue.js 2.0 的桌面端UI框架

有赞前端团队开源的移动端组件库 (我们选择部分vant组件，将其作为vdesjs左侧拖拽组件)

js模板引擎 (vdesjs左侧拖拽组件的代码生成模板选择handlebars作为模板引擎。如果想自己编写生成模板，可参照handlerbars语法进行编写)

代码编辑器(用其作为vdesjs代码显示的编辑器)

项目目录结构

vdesjs

├── build

├── config

├── src

│ ├── assets 资源存放目录

│ │ ├── basics 基础组件资源

│ │ ├── business 业务组件资源

│ │ ├── feeback 反馈组件资源