简介
基于vue可视化拖拽编辑，页面生成工具。提升前端开发效率，可集成至移动端项目作为通过定义 JSON 直接生成 UI 界面。
安装教程
-
npm install（安装 node_modules 模块） -
npm run serve（运行） -
npm run build（打包） -
npm update(用于更新包到基于规范范围的最新版本)
“
注：在新版本的npm中，默认情况下，npm install遇到冲突的peerDependencies时将失败。可使用：npm install –legacy-peer-deps
使用教程
不满足系统提供的组件，也可以自定义组件
自定义组件可以看：
src/layout/home/index.vue // 编辑页面文件
src/components/sliderassembly / index.vue // 左侧组件大全文件
src/components/componentscom // 左侧组件目录
src/components/rightslider // 右侧组件目录
src/utils/componentProperties.js // 组件数据
componentProperties（组件数据）字段注解：
{
component: 'custommodule', // 中间部分手机组件的name
text: '自定义模块', // 组件文字描述
type: '1-14', // data-tpye
active: true, // 是否选中
style: 'custommodulestyle', // 右边组件设置的name
setStyle: {} // 组件动态数据
}
开源地址
-
https://gitee.com/was666/as-editor
后端专属技术群 构建高质量的技术交流社群，欢迎从事编程开发、技术招聘HR进群，也欢迎大家分享自己公司的内推信息，相互帮助，一起进步！
文明发言，以
交流技术、职位内推、行业探讨为主广告人士勿入，切勿轻信私聊，防止被骗
加我好友，拉你进群
原文始发于微信公众号（Java笔记虾）：后端接活儿利器：基于Vue，拖拽一键生成UI界面，简洁漂亮（已开源）
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/238713.html
