All Projects → sahadev → vue-component-creater-ui

sahadev / vue-component-creater-ui

Licence: MIT license
拖拽式Vue组件代码生成编辑器(VCC)

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to vue-component-creater-ui

Luy Dragger
dragger with a render props
Stars: ✭ 135 (-64.75%)
Mutual labels:  drag, draggable
Vue Nestable
A simple drag & drop hierarchical list made as a vue component.
Stars: ✭ 209 (-45.43%)
Mutual labels:  drag, vue-components
Ngx Smooth Dnd
angular wrapper for smooth-dnd
Stars: ✭ 152 (-60.31%)
Mutual labels:  drag, draggable
Vue Smooth Dnd
Vue wrapper components for smooth-dnd
Stars: ✭ 1,121 (+192.69%)
Mutual labels:  drag, draggable
el-table-draggable
让element-ui的table可拖动排序,支持 行,列,跨表格等特性
Stars: ✭ 68 (-82.25%)
Mutual labels:  drag, draggable
React Smooth Dnd
react wrapper components for smooth-dnd
Stars: ✭ 1,560 (+307.31%)
Mutual labels:  drag, draggable
React Rnd
🖱 A resizable and draggable component for React.
Stars: ✭ 2,560 (+568.41%)
Mutual labels:  drag, draggable
Scrollbooster
Enjoyable content drag-to-scroll library
Stars: ✭ 775 (+102.35%)
Mutual labels:  drag, draggable
draggable-polyfill
🌈a beautify polyfill for native drag!
Stars: ✭ 49 (-87.21%)
Mutual labels:  drag, draggable
vue2-data-tree
A tree that data is lazy loaded. Support dragging node, checking node, editing node's name and selecting node.
Stars: ✭ 41 (-89.3%)
Mutual labels:  drag, draggable
Vue Drag Resize
Vue Component for resize and drag elements
Stars: ✭ 1,007 (+162.92%)
Mutual labels:  drag, draggable
vue-drag-zone
Drag Zone component for @vuejs
Stars: ✭ 127 (-66.84%)
Mutual labels:  vue-components, draggable
Gridstrap.js
gridstrap.js is a jQuery plugin designed to take Bootstrap's CSS grid system and turn it into a managed draggable and resizeable grid while truely maintaining its responsive behaviour.
Stars: ✭ 32 (-91.64%)
Mutual labels:  drag, draggable
React Dragline
🐼Guide lines and magnetic adsorption to better align draggable elements in React.
Stars: ✭ 134 (-65.01%)
Mutual labels:  drag, draggable
Formdraggerdemo
一个可在窗体内随意拖动窗体的方案
Stars: ✭ 24 (-93.73%)
Mutual labels:  drag, draggable
Vue3 Draggable Resizable
[Vue3 组件] 用于拖拽调整位置和大小的的组件,同时支持冲突检测,元素吸附对齐,实时参考线。
Stars: ✭ 159 (-58.49%)
Mutual labels:  drag, draggable
Vue Draggable Resizable Gorkys
Vue 用于可调整大小和可拖动元素的组件并支持冲突检测、元素吸附、元素对齐、辅助线
Stars: ✭ 521 (+36.03%)
Mutual labels:  drag, draggable
Sortable
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
Stars: ✭ 23,641 (+6072.58%)
Mutual labels:  drag, draggable
react-native-dnd-board
A drag and drop Kanban board for React Native.
Stars: ✭ 41 (-89.3%)
Mutual labels:  drag, draggable
drag-to-close
Android library that provides a view group which allows to finish an activity by dragging a view.
Stars: ✭ 69 (-81.98%)
Mutual labels:  drag, draggable

VCC 3

VCC(Vue Compontent Creator)是 Low Code Generator 中独立的 Vue 组件代码编辑器。可以独立运行。当前你看到的是基于 Vue3 的 VCC 3 版本。

通过它可以通过拖拽快速完成 Vue 组件代码骨架的搭建。详见后文视频介绍链接。

点击这里快速预览效果:https://vcc3.sahadev.tech/ 当前已经升级至 Vue3 + Vite。

使用示例

请移步至使用Demo:https://github.com/sahadev/vcc3-use-demo

本地如何运行此项目

首先进行安装:

npm i

再进行启动(Vite):

npm run dev

运行完成后,就可以访问http://localhost:9818/预览效果了.

使用介绍

此前在 B 站上录了两段视频。可以通过这两段视频简单了解如何使用它: 【拖拽式 Vue 组件代码生成平台(LCG)介绍视频-哔哩哔哩】https://b23.tv/FInuZ8 【LCG 近期功能更新介绍-哔哩哔哩】https://b23.tv/SAHwVq

功能更新日志

  • 2022年03月16日 支持生成单页Html,支持Vue2以及Vue3,并支持一键部署至VCC服务器。

贡献

  1. Fork 仓库
  2. 创建分支 (git checkout -b my-new-feature)
  3. 提交修改 (git commit -am 'Add some feature')
  4. 推送 (git push origin my-new-feature)
  5. 创建 PR

欢迎 fork 和反馈

如有建议或意见,欢迎在 github issues 区提问

协议

本仓库遵循 MIT 协议

有疑问?

可以通过[email protected]给我发送邮件,我会及时回复的。

或者加群和大家一起讨论吧:

如果遇到群二维码过期的情况,可以加我微信:SAHADEV-smile,我拉你入群。加我微信时请备注 VCC。

另外我也特别希望可以和大家一起做这个项目。这个项目目前主要面对的是前端开发者。后期可以面向后端开发者与产品与 UE。

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].