代码拉取完成,页面将自动刷新
同步操作将从 china-bin/vdesjs-drag 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
中文 | English
vdesjs-drag
技术 | 描述 |
---|---|
Vue.Draggable | 基于 Sortable.js 的 Vue 拖放组件 |
vuex | 状态管理工具(简单理解就是维护vue的公共变量,供全局使用) |
clipboard.js | 将文本复制到剪贴板的插件 |
element-ui | 基于Vue.js 2.0 的桌面端UI框架 |
vant | 有赞前端团队开源的移动端组件库 (我们选择部分vant组件,将其作为vdesjs-drag左侧拖拽组件) |
handlebars | js模板引擎 (vdesjs-drag左侧拖拽组件的代码生成模板选择handlebars作为模板引擎。如果想自己编写生成模板,可参照handlerbars语法进行编写) |
vue-codemirror | 代码编辑器(用其作为vdesjs-drag代码显示的编辑器) |
file-save.js | 将代码下载至本地 |
js-beautify | 对生成的代码进行格式美化 |
vdesjs
├── build
├── config
├── docs vuepress文档
│ ├── cooperation
│ └── guide
├── src
│ ├── assets 资源存放目录
│ │ ├── h5 h5模式
│ │ │ ├── basics 基础组件资源
│ │ │ ├── business 业务组件资源
│ │ │ ├── feeback 反馈组件资源
│ │ │ ├── form 表单组件资源
│ │ │ ├── nav 导航组件资源
│ │ │ └── show 展示组件资源
│ │ ├── icon
│ │ └── pc pc模式
│ │ └── basics
│ ├── common
│ │ ├── css 公共css
│ │ └── js 公共js
│ │ ├── h5
│ │ └── pc
│ ├── components 组件目录
│ │ ├── componentLib 左侧面板json数据存放
│ │ ├── h5 h5模式组件
│ │ │ ├── basics 左侧拖拽面板中的基础组件
│ │ │ ├── business 左侧拖拽面板中的业务组件
│ │ │ ├── feeback ...
│ │ │ ├── form ...
│ │ │ ├── nav ...
│ │ │ └── show ...
│ │ ├── pc pc模式组件
│ │ │ ├── basics
│ │ │ └── media
│ │ ├── pcomp 右侧属性栏独立组件
│ │ └── sub 实现vdesjs的子组件
│ ├── handlebars 模板代码存放目录
│ │ ├── helpers handlebars自定义helper
│ │ └── template
│ │ ├── h5 h5模式模板
│ │ └── pc pc模式模板
│ ├── mixins 混入
│ ├── page 路由页面
│ ├── preview 用于预览模式的组件
│ ├── router 路由配置
│ └── store vuex配置
└── static
官方文档: http://china-bin.gitee.io/vdesjs/ 预览地址: http://china-bin.gitee.io/vdesjs/demo/#/
项目会持续维护升级,如您在使用中与到任何bug,或者关于本项目有任何好的建议都可以联系作者。
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。