# viewcode-h5

**Repository Path**: luhaoyu5/viewcode-h5

## Basic Information

- **Project Name**: viewcode-h5
- **Description**: viewcode-h5基于Vue2.0开发,手机端UI组件使用Vant,通过可视化的方式拖拽组件快速生成手机端页面代码
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-11-27
- **Last Updated**: 2023-11-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# viewcode

<h2 align="center">
 viewcode
</h2>
<p align="center">
可视化搭建，拖拽生成移动端页面代码
</p>
<p align="center">
visual construction, drag and drop generation of mobile page code.
</p>

### viewcode是什么？
 viewcode基于Vue2.0开发,手机端UI组件使用Vant,通过可视化的方式拖拽组件快速生成手机端页面代码


## 技术
| 技术                                                             | 描述                                                                                                                           |
| ---------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
| [Vue.Draggable](https://github.com/SortableJS/Vue.Draggable)     | Vue 拖拽组件                                                                                               |
| vuex                                                             | 状态管理工具                                                                        |
| [element-ui](https://element.eleme.cn/#/zh-CN)                   | 基于Vue.js 2.0 的桌面端UI框架                                                                                                  |
| [vant](https://vant-contrib.gitee.io/vant/)                      | 有赞前端团队开源的移动端组件库，viewcode使用Vant组件库作为生成后的移动端页面组件                                            |
| [animate.css](https://github.com/animate-css/animate.css)        | css3 动画库 
| [handlebars](https://github.com/handlebars-lang/handlebars.js)   | js模板引擎 |
| [vue-codemirror](https://github.com/surmon-china/vue-codemirror) | 代码编辑器                                                                                    |
|[file-save.js](https://github.com/eligrey/FileSaver.js)           | 保存文件到本地 |
|[js-beautify](https://github.com/beautify-web/js-beautify)        | 美化代码 |
| [clipboard.js](https://github.com/zenorocha/clipboard.js)        | 复制文本到剪切板                                                                                                       |