vue-design 桌面端页面可视化构建程序

最新推荐文章于 2024-08-15 09:44:11 发布
最新推荐文章于 2024-08-15 09:44:11 发布
阅读量1.1w 收藏 7
点赞数 2
文章标签： vue electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25007703/article/details/79630059
版权
VueDesign是一款使用Vue和Electron开发的桌面应用，旨在降低中后台应用开发成本，通过可视化设计将设计师的设计稿转化为.vue文件。具备拖拽编辑组件、编辑CSS、保存和导入项目等功能。未来计划包括增加更多组件、检测文件改动同步、物料市场和自定义插件。作者计划在广州求职，并分享了相关Vue和React的开源项目。
摘要由CSDN通过智能技术生成

vue-design

用Vue和Electron开发最好的页面可视化构建程序

Your star is the greatest encouragement to me.

功能

  • 使用electron构建的桌面端应用
  • 通过简单的配置引入UI组件库
  • 通过可拖拽、可编辑的组件设计页面
  • 可编辑页面css
  • 保存为.vue文件
  • 保存/导入一个项目

最低0.47元/天 解锁文章
qq_25007703
关注
vue-page-designer：Vue组件，用于拖放来设计和构建移动网站
02-06
网页设计器 基于Vue的拖放式移动网站构建器。 安装 yarn add vue-page-designer 您可以在main.js中快速启动它： import Vue from 'vue' ; import vuePageDesigner from 'vue-page-designer' import 'vue-page-designer/dist/vue-page-designer.css' import App from './App.vue' ; Vue . use ( vuePageDesigner ) ; new Vue ( { el : '#app' , render
Vue-Design 开源项目安装与使用指南
最新发布
gitblog_01182的博客
09-03 398
Vue-Design 开源项目安装与使用指南 vue-designBe the best website visualization builder with Vue and Electron.项目地址:https://gitcode.com/gh_mirrors/vue/vue-design 一、项目目录结构及介绍 Vue-Design 是一个基于 Vue.js 的前端设计框架示例项目，它提供...
推荐开源项目：Vue Designer —— Vue组件设计利器
gitblog_00081的博客
05-24 622
推荐开源项目：Vue Designer —— Vue组件设计利器 项目地址:https://gitcode.com/gh_mirrors/vu/vue-designer 在前端开发领域，Vue.js 已经成为构建用户界面的首选框架之一。而 Vue 设计工具的发展也同样重要，今天我们要向您推荐一款名为 Vue Designer 的优秀开源项目，它能帮助开发者高效地进行 Vue 组件的设计和预览。 项...
vue-page-designer-Vue组件，用于拖放来设计和构建移动网站。-Vue.js开发
05-27
vue-page-designer实时演示基于Vue的拖放式移动网站构建器。 安装yarn add vue-page-designer您可以在main.j中快速启动。vue-page-designer实时演示基于Vue的拖放式移动网站构建器。 安装yarn add vue-page-designer您可以在main.js中快速启动它：从'vue'导入Vue； 从'vue-page-designer'导入vuePageDesigner导入'vue-page-designer / dist / vue-page-designer.css'从'./App.vue'导入应用程序； Vue.use（vuePageDesigner）; 新的Vue（{el：'#app'，render：h => h（App）}）; 接下来，使用它： #ap
Vue Designer 项目教程
gitblog_00246的博客
08-15 243
Vue Designer 项目教程 vue-designerVue component design tool项目地址:https://gitcode.com/gh_mirrors/vu/vue-designer 1. 项目的目录结构及介绍 Vue Designer 项目的目录结构如下： vue-designer/ ├── github/ │ └── workflows/ ├── src/ ...
vue-design 桌面端页面可视化构建程序-附件资源
03-05
vue-design 桌面端页面可视化构建程序-附件资源
vue-design：使用Vue和Electron成为最佳的网站可视化构建器
02-04
借助Vue和Electron成为最佳的网站可视化构建器。 您的明星是对我最大的鼓励。 :sparkles: 特征： 电子版桌面应用程序 具有可拖动和可编辑组件的设计页面 编辑页面CSS 另存为.vue文件 导入保存的项目 :sparkles:...
ak-design可视化低代码快速开发平台，使用基于vue3.x桌面端组件库 Elemnet-Plus，通过可视化的.zip
03-06
"ak-design"是一个专为快速构建企业级应用的可视化低代码开发平台，它极大地提高了开发效率，降低了技术门槛。这个平台的核心是利用Vue.js的最新版本，即Vue 3.x，以及一个专为桌面端设计的组件库——Element Plus。...
vue-page-design:实现装修页面组件拖拽（vue）
05-03
可视化页面装修 基于 vue + ant-design + vue-draggable 实现的可视化页面装修功能 目录 自由拖拽组件 支持[PC/M]端布局（PC模式后续支持） 支持实时预览，所见即所得 支持组件嵌套（后续支持） 目前支持组件列表 安装 $ npm install 使用 # develop mode $ npm run dev 自定义组件配置项 参考组件 U000001： 目录 作用 ./U000001/m/form/index.js 配置当前组件的所有字段，以及注册所有模版 ./U000001/m/form/template1.js 模版一的展示字段 ./U000001/m/form/template2.js 模版二的展示字段 index.js /** 数据类型的配置 */ const datas = { field1, field2, field
Vue Page Designer - 打造前端页面设计的新体验
gitblog_00067的博客
04-11 510
Vue Page Designer - 打造前端页面设计的新体验 去发现同类优质开源项目:https://gitcode.com/ 是一个基于 Vue.js 的前端页面可视化设计框架，它允许开发者无需编写 HTML 和 CSS 代码，就能通过图形化界面构建复杂的网页布局和组件。这个项目的目标是提供一种直观、高效的方式来创建动态页面，让前端开发变得更加简单和快捷。 技术分析 基于 Vue.js Vu...
VueDesignSystem一个用Vuejs构建UI设计系统的开源工具
08-07
Vue Design System 一个用Vue.js构建UI设计系统的开源工具
vue-grid-designer:Vue 2.x组件，用于使用SortableJS设计网格布局
04-06
Vue网格设计器 一个Vue 2.x组件，用于使用设计网格布局。 使用HTML5拖放，基于行和块设计响应式网格。 JSON模型可用于使用您选择的任何CSS框架或保存到数据库以供以后使用CSS框架生成实际HTML网格。 可以使用任何其他JSON属性修饰它，以允许您以所需的任何方式扩展网格。 目录 依存关系 vue-grid-designer没有外部依赖关系要求。 导出的ESM软件包中包括以下依赖项： { " @fortawesome/fontawesome-svg-core " : " ^1.2.30 " , " @fortawesome/free-solid-svg-icons " : " ^5.14.0 " , " @fortawesome/vue-fontawesome " : " ^2.0.0 " , " lodash-es "
vue-ele-form-generator可视化表单设计工具 v3.1.0
08-14
为您提供vue-ele-form-generator可视化表单设计工具下载，vue-ele-form-generator是专为vue-ele-form开发的可视化表单设计工具，并且支持vscode 插件、cli 本地启动、在线设计多种方式，让表单开发的效率更上一层楼！vue-ele-form-generator特性：1、提供vscode 插件更贴近日常开发2、可视化配置页面3、提供 vue-ele-form 全部基础组件 和 全部扩展组件4、支持组件属性点选配置5、支持本
工作流可视化设计器
12-14
工作流可视化设计器
vjdesign - vue 界面可视化设计器
她的哥的博客
12-25 6353
新开发的vue可视化设计器已经可以投入生产了 说明文档 示例
一个提供强大数据展示能力的基于Vue的大屏可视化设计器，完全免费，代码开源
m0_68103752的博客
08-13 1105
作为一个简单、免费、开源的大屏可视化设计器，为企业的数据展示和管理提供了强大的支持。它不仅简化了大屏设计和开发流程，还通过灵活的部署方式和丰富的功能组件，满足了不同场景下的需求。
Vue 使用form-create-designer插件搭建表单构建器
weixin_38673922的博客
01-26 2058
一、下载 cnpm install @form-create/designer --save cnpm install @form-create/element-ui --save 二、引入main.js import formCreate1 from "@form-create/element-ui" import FcDesigner from '@form-create/designer' Vue.use(formCreate1) Vue.use(FcDesigner) 三、.vue文
【DataRoom】- 基于VUE的开源的大屏可视化设计器
老杜的博客
03-03 9842
DataRoom是一款基于SpringBoot、MyBatisPlus、Vue、ElementUI、G2Plot、Echarts等技术栈的大屏设计器，具备大屏设计、预览能力，支持MySQL、Oracle、PostgreSQL、SQLServer、ElasticSearch、JSON、JS、HTTP、Groovy等数据集接入，使用简单，完全免费，代码开源。
Vue-Antd-Admin：结合_vue-element-admin与_ant-design-vue-pro的开源管理框架
Element UI 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。vue-element-admin 将这两者结合，提供了一套完善的后台管理系统模板，包括基础的布局框架、多页面模板以及常见的后台管理功能组件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值