代码拉取完成,页面将自动刷新
中文 | English
vdesjs is a visual drag and drop, code generation tool based on vue technology stack. We provide detailed documentation to help you understand the implementation principles of our tools, and you can easily extend your own code generation components based on vdesjs.
technology | describes |
---|---|
Vue Draggable | based on Sortable.js Vue drag component |
vuex | state management tool (understood simply to maintain a common variable in vue for global use) |
clipboard. Js | plug-in will text copied to the clipboard |
element - UI | based on Vue.js 2.0 desktop client UI framework |
vant | has praised the front-end team the mobile end of the open source component library (we will choose some vant components, as vdesjs left drag and drop components) |
handlebars | js template engine (vdesjs left drag component code generation templates choice handlebars as a template engine. If you want to write your own build templates, refer to the handlerbars syntax for writing) |
vue - codemirror | code editor (with its display as vdesjs code editor) |
vdesjs ├── build ├── config ├── src │ ├── assets resource storage directory │ │ ├── basics basic component resources │ │ ├── business business component resources │ │ ├── feeback feedback component resources │ │ ├── form form component resource │ │ ├── nav navigation component resources │ │ └── show Show component resources │ ├── common common code │ │ ├── css public css │ │ └── js public js │ ├── components catalog │ │ ├── basics basic components in the left drag panel │ │ ├── business components in the drag panel on the left │ │ ├── feeback The feedback component in the left drag panel │ │ ├── form components in the drag panel on the left side of the form │ │ ├── nav The navigation component in the left drag panel │ │ ├── pcomp right property bar independent component │ │ ├── show display components in the drag panel on the left │ │ └── sub implements subcomponents of vdesjs │ ├── handlebars template code storage directory │ │ └── template │ │ ├── basic basic component template code │ │ ├── feeback feedback component template code │ │ ├── form form component template code │ │ ├── methods method template code under methods script tag │ │ ├── nav navigation component template code │ │ └── show show component template code │ ├── page routing page │ ├── router routing configuration │ └── store vuex configuration └── static
The project will continue to be maintained and upgraded. If you encounter any bugs in use, or have any good suggestions about this project, you can contact the author.
# 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
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。