# v3-json-canvas-cli

**Repository Path**: kgm0515/v3-json-canvas-cli

## Basic Information

- **Project Name**: v3-json-canvas-cli
- **Description**: 为v3-json-canvas设计的脚手架
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-05-07
- **Last Updated**: 2021-05-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 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"访问该页面，点击右上角按钮进入编辑页
```