# H5可视化编辑器

**Repository Path**: insfly/h5ve-design

## Basic Information

- **Project Name**: H5可视化编辑器
- **Description**: h5ve-design是一款专注低代码平台工具，功能强大，高可扩展的HTML5可视化编辑器，致力于提供一套简单易用、高效创新、无限可能的解决方案。技术栈采用vue和typescript开发, 专注研发创新工具。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 23
- **Created**: 2024-08-27
- **Last Updated**: 2024-08-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

> H5可视化编辑器

<h1 align="center">欢迎使用 h5ve-design</h1>

> h5ve-design是一款专注低代码平台工具，功能强大，高可扩展的HTML5可视化编辑器，致力于提供一套简单易用、高效创新、无限可能的解决方案。技术栈采用vue和typescript开发, 专注研发创新工具。

### 演示地址
```sh
http://h5ve.gitee.io/h5ve-design/
```

### 贡献和支持

> 欢迎提供问题和功能需求, 如果大家有好的点子和优化建议, 也欢迎提pr参与我们的共建. [issues page](https://github.com/h5ve/h5ve-design/issues).

> 如果觉得项目还不错, 就点个star吧~

### 功能特点
1. 编辑器
    - [x] 刻度尺
    - [x] 辅助线
    - [x] 基础组件
    - [x] 媒体组件
    - [x] 高级组件
    - [x] 配置面板
    - [x] 快速预览
    - [ ] 图表组件
    - [ ] 表单设计器
    - [ ] 页面管理(复制,编辑, 删除, 新建)
    - [ ] 组件动画
    - [ ] 组件交互
    - [ ] 撤销、重做
    - [ ] 快捷键
    - [ ] 模版库
    - [ ] 微信分享
    - [ ] h5ve-design Vue3版本
    - [ ] h5ve-design Electron版本
   
## 安装
1. 下载代码
```sh
git clone https://github.com/h5ve/h5ve-design.git

git clone https://gitee.com/h5ve/h5ve-design.git
```
2. 进入项目目录
```sh
cd h5ve-design
```

3. 安装依赖包
```
npm install
```
#### 无法安装请使用腾讯镜像
```
npm install --registry=http://mirrors.cloud.tencent.com/npm/ 
```

## 使用

本地启动应用
```sh
npm run serve
```

## 打包

```sh
npm run build
```

## 浏览器支持

兼容除了IE之外的任何主流浏览器

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>IEdge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>Safari |
| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |
| Edge                                                         | last 2 versions                                              | last 2 versions                                              | last 2 versions                                              |