可か视化操作そうさ，拖拽生成せいせい页面，导出html文ぶん件けん

针对开发人じん员具有ぐゆう编辑器き插件系けい统，支持しじ和わ现有项目继承，支持しじ二に次じ开发

H5-Editor是ぜ一个纯前端项目，基き于 Vue2 开发、通つう过拖拽生成せいせい页面，类似于 易えき企くわだて秀しゅう、百ひゃく度ど H5等ひとし

点てん击此处访问在线demo

git clone https://github.com/a7650/h5-editor.git

cd h5-editor

#如果你已经安装そう了りょうnodejs，vue-cli等とう环境，可か直接ちょくせつ执行下か列れつ命令めいれい，否いや则需先安さきやす装そう环境

npm install

npm run dev

主要しゅよう基もと于Vue2，Element-ui（少しょう部分ぶぶん使用しよう），Vuex

• 元素げんそ自由じゆう拖拽，放ひ大だい，缩小，旋转
• 可か添加てんか图片，文ぶん本ほん，矩形くけい，背景はいけい。多た种编辑功能のう（字体じたい，背景はいけい，大小だいしょう，边距等とう）
• 组件自じ动吸附ふ，实时参考さんこう线（组件可か以和画布がふ，自じ定てい义参考さんこう线以及其他た组件进行自じ动吸附ふ对齐，并显示しめせ实时参考さんこう线，拖动过程中ちゅう按下alt键可暂时关闭）
• 标尺，参考さんこう线，可か自じ定てい义参考さんこう线（在ざい标尺上うえ点てん击即可か生成せいせい参さん开线，可か拖动参考さんこう线更改こうかい位置いち，双そう击删除じょ参考さんこう线）
• 撤销，重じゅう做（支持しじ快かい捷とし键，可か配置はいち撤销的てき步数ほすう）
• 组件复制，粘ねば贴，锁定，隐藏等とう
• ctrl + 拖动组件可か快速かいそく复制组件
• 右みぎ键菜单，菜さい单可配置はいち，可か针对组件当とう前まえ状じょう态灵活かつ生成せいせい（即そく不同ふどう的てき组件可か产生不同ふどう的てき菜さい单）
• 图层面めん板いた，可か拖拽更改こうかい组件图层，可か重じゅう命名めいめい，可か在ざい图层面めん板いた快速かいそく锁定，删除，隐藏组件
• 同どう时选中ちゅう多た组件（按ctrl + 左ひだり键），可か进行多た组件对齐
• 数かず据すえ备份，通つう过indexDB数すう据すえ库保存在そんざい本地ほんじ（可か自じ动备份，手て动备份），并可从备份中恢复数すう据すえ
• 一いち键生成せいせいh5代だい码
• 编辑画布がふ大小だいしょう
• 多た种快捷とし键
• 设置中心ちゅうしん，可か设置撤销功こう能のう，备份功こう能のう等とう
• 针对开发人じん员具有ぐゆう插件系けい统，可か通どおり过插件けん系けい统二に次じ开发，可か参考さんこうplugins目め录下的てきpluginA