# vue-design

**Repository Path**: qwdingyu/vue-design

## Basic Information

- **Project Name**: vue-design
- **Description**: Be the best website visualization builder with Vue and Electron.
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-03-20
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center">
  vue-design
</h1>
<p align="right" style="position:absolute;top:16px;right:28px;">
  English | <a href="https://github.com/L-Chris/vue-design/blob/master/README.zh-CN.md">中文</a>
</p>
<p align="center">用<strong>Vue</strong>和<strong>Electron</strong>开发最好的页面<strong>可视化</strong>构建程序</p>
<p align="right"><em>Your star is the greatest encouragement to me.</em></p>

## ✨ 功能:

- 使用electron构建的桌面端应用
- 通过可拖拽、可编辑的组件设计页面
- 可编辑页面css
- 保存为.vue文件
- 保存/导入一个项目

<p align="center">
  <img width="400px" src="https://raw.githubusercontent.com/L-Chris/vue-design/develop/docs/images/layout.png">
  <img width="400px" src="https://raw.githubusercontent.com/L-Chris/vue-design/develop/docs/images/code.png">
</p>

## ✨ 下载

- Windows：[百度网盘](https://pan.baidu.com/s/1fpfvKkFW4AndlI6Zvk3yrA)
- Mac：

## 🔧 开发步骤

``` bash
git clone https://github.com/L-Chris/vue-design.git
cd vue-design

# install dependencies
npm install

# serve with with-webpack example at localhost:9080
npm run dev

# build electron application for production
npm run build

# lint all JS/Vue component files in `src/`
npm run lint
```

## 🛣 进行中
- 编辑组件css (2018/03-2018/04) [√]
- 更多内置布局、区块和元件 (2018/03-2018/04)
- 检测.vue文件改动并自动同步到项目中 (2018/04)
- 物料市场 (2018/04)
- 自定义插件和插件市场 (2018/05)

## 🥂 License

[MIT](http://opensource.org/licenses/MIT)