v3-json-canvas 这是一个帮助你快速创建vue的可视化拖拽项目的CLI

效果

http://kgm0515.gitee.io/v3-json-canvas

安装

$ npm i v3-json-canvas-cli -g

创建项目

$ v3-json-canvas create <projectName>

创建可拖拽编辑的模板文件

# -d 后面是要创建的文件夹路径，默认是'src/views'
# -f 是强制执行的意思。如果该目录已经存在该文件就会默认创建不成功，这时候的-f会强制覆盖原文件
$ v3-json-canvas addcanvas <pageName> [-d src/views] [-f]

在src/json文件夹下面创建一个文件夹，这个文件夹包含了和拖拽相关json。项目会立即读取这些文件并产生一个新的路由。

# -f 是强制执行的意思。如果该目录已经存在该文件就会默认创建不成功，这时候的-f会强制覆盖原文件
$ v3-json-canvas addjson <folderName> [-f]
# 执行命令后可以通过"/folderName"访问该页面，点击右上角按钮进入编辑页