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

## 效果
> http://kgm0515.gitee.io/v3-json-canvas

## 安装

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

## 创建项目

```bash
$ v3-json-canvas create <projectName>
```

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

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

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

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