【文件属性】:
文件名称:h5-editor:一个 h5 页面 ui 编辑器
文件大小:2.83MB
文件格式:ZIP
更新时间:2021-05-30 10:56:27
editor ui generator Vue
H5 Editor
移动端页面 UI 生成器
用于将设计稿样式转化为组件化的代码
有时间会持续更新维护的 :grinning_face_with_smiling_eyes:
使用者
设计师:通过拖拽编辑,生成UI稿
前端开发:划分模块、组件、重命名 class ----> 代码
特性
编辑: 拖拽编辑,属性编辑
预览: 页面/模块/组件预览,导出对应的代码 .vue文件
模块划分: 从页面中框选元素,划分为模块,并将该模块分配给对应的开发者;从模块中框选元素,划分为组件,继而生成组件化的代码
资源库:元件原生标签 ,组件第三方UI组件库,模版拖拽生成的
图标库:填入 iconfont 的链接,会在 head 中自动添加 link 标签,目前只支持一个页面一个 icon 链接
图片资源管理:可以上传、删除图片、以及复制图片url,用于图片、轮播图组件
编辑区快捷键
按 ⌘+d 删除当前元素
按 ⌘+v 复制当前元素
按 ⌘+z 撤销(暂时只能撤销一次)
网友评论
- 无法运行,DevTools failed to load source map: Could not load content for http://localhost:8000/h5-editor-master/styles/normalize.min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE