前端开发者的福音！通过拖拽就可生成Vue代码的平台来了！

Vue组件代码生成平台

Vue组件代码生成平台是一款面向Vue开发者的拖拽式组件代码生成工具。通过它可以快速搭建Vue组件的代码骨架结构。开发者可在此基础上进行二次开发。

目前该平台非常适合快速搭建一个常见的数据查询组件，仅需要拖三个组件进来即可完成，例如:

那么它这么牛逼，地址是什么呢？请戳: Low Code Generator

界面及操作介绍

主界面主要分为三块区域:

1. 组件库区域，组件库区域主要用于选择组件元素。
2. 组件操作预览区域，该区域主要编辑组件元素的位置与属性。
3. 实时代码生成区域，当组件元素被拖入到预览区域时，该区域会实时生成对应的代码。

一个简单组件

在熟悉了整个界面的布局之后，我们尝试来生成一个最简单的组件。

首先，将鼠标指针移动到组件元素的上方，此时该组件元素会有一个浅色的效果。

接着，拖动该组件元素至组件操作预览区域。

然后放下，此时代码生成区域将会生成对应的代码。