一个注重交互的H5编辑器开源项目，旨在提高工作效率，快速开发小型运营活动页面，以及日常H5需求。
技术站：Vue 3 + Typescript + Vite
编辑器使用的框架：element-plus
作品使用的框架：vant
注意：
编辑器中所使用的图标库：element-plus自带、阿里巴巴图标库
作品中图标库：vant自带

├── public //静态资源存放 
├── src
│   ├── api    //http请求都在这里
│   ├── comopnents //页面组件
│   │  ├── common     //其他页面需要的公共组件
│   │  ├── editor     //编辑器所有组件
│   │  └── plugins    //所有可用的页面元素插件在这里
│   │       ├── commonProps     //多次复用的插件属性编辑器
│   │       ├── mixins     //混淆js
│   │       │   └── importPlugs.ts  //引入所有组件文件
│   │       │   └── qiniuUpload.ts  //七牛云获取token、上传base64图片方法
│   │       └── plug-*     //插件详情（除了plugin-page，必须包含以下2个文件）
│   │       │   ├── editor.vue  //插件属性编辑器
│   │       │   └── index.vue  //插件UI、逻辑
│   │       ├── editor.vue  //插件编辑器使用前封装
│   │       └── element.vue  //插件使用前封装
│   ├── css    
│   │   └── reset.less  //公用css
│   ├── data     //所有静态数据
│   │    
│   ├──router    //路由
│   │   └── index.ts
│   ├──store          //状态管理
│   │  ├── model     //作品、组件元素模型
│   │  ├── modules     //分模块管理所有状态
│   │  ├── plugins     //插件，现有操作历史插件
│   │  └── index.ts    
│   ├──utils          //状态管理
│   │  ├── animate.ts     //所有可使用动画列表
│   │  ├── element.ts     //每个组件的公用封装方法
│   │  ├── gVerify.ts     //生成验证码
│   │  ├── htmlToSvg.ts     //html转为图片的方法
│   │  └── index.ts   //常用方法
│   ├──views    //页面
│   ├──viewer          //作品预览
│   │  ├── app.vue     //渲染页面
│   │  ├── index.html     //html模板
│   │  └── entry.ts    //入口文件
│   ├──app.vue    //主页面
│   └──main.ts    //入口文件
│ 
│ 
├── package-lock.json
├── package.json
└── index.html         //html模版文件

1、npm install
2、npm run dev
   预览：http://localhost:9000

1、npm run build
2、将dist中打包好的文件上传到服务器
3、nginx配置（省略）
   

作品预览使用的是单独入口，没有使用router，注意组件文件开发，不要使用vue-router

1、开发微页信息管理后台
2、逐步开发更多组件
3、优化用户体验
4、更新vue到vue3.2 使用script setup语法糖