[开源]MIT开源协议,基于Vue3.x可视化拖拽编辑,页面生成工具

一、开源项目简介

AS-Editor

基于 Vue3.x 可视化拖拽编辑,页面生成工具。提升前端开发效率,可集成至移动端项目作为通过定义 JSON 直接生成 UI 界面。

二、开源协议

使用MIT开源协议

三、界面展示

四、功能概述

基于Vue可视化拖拽编辑,页面生成工具。提升前端开发效率,可集成至移动端项目作为通过定义 JSON 直接生成 UI 界面。

功能强大

基于vue可视化拖拽编辑,页面生成工具。提升前端开发效率,可集成至移动端项目作为通过定义 JSON 直接生成 UI 界面。

配置简单

最少的配置就能开始上手使用。

完全开源

社区驱动,共同来完善你的想法。

官方生态

项目

描述

AS-Editor

Vue2版

基于 Vue2 的 AS-Editor

AS-Editor

Vue3版

基于 Vue3 的 AS-Editor

AS-Editor-H5

AS-Editor-H5 是移动端 Vue 模版,可以通过定义的 JSON 生成 Vue 页面

五、技术选型

安装教程

  1. npm install (安装 node_modules 模块)
  2. npm run serve (运行)
  3. npm run build (打包)
  4. npm update (用于更新包到基于规范范围的最新版本)

自定义组件可以看

复制代码
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: {}                  // 组件动态数据
}

六、源码地址

AS-Editor: 基于vue可视化拖拽编辑,页面生成工具。提升前端开发效率,可集成至移动端项目作为通过定义 JSON 直接生成 UI 界面。 - Gitee.com

相关推荐
自由鬼20 小时前
开源虚拟化管理平台Proxmox VE部署超融合
linux·运维·服务器·开源·虚拟化·pve
蚝油菜花1 天前
DeepSite:基于DeepSeek的开源AI前端开发神器,一键生成游戏/网页代码
人工智能·开源
蚝油菜花1 天前
PaperBench:OpenAI开源AI智能体评测基准,8316节点精准考核复现能力
人工智能·开源
蚝油菜花1 天前
DreamActor-M1:字节跳动推出AI动画黑科技,静态照片秒变生动视频
人工智能·开源
buxuku20081 天前
从 0 到 2K Star:我的开源之旅与成长
开源
缘友一世1 天前
开源的 LLM 应用开发平台Dify的安装和使用
开源·llm·ollama·deepseek
DevSecOps选型指南1 天前
2025年企业级开源治理实践与思考
安全·开源·sca·软件供应链安全厂商
kcarly1 天前
DeepSeek 都开源了哪些技术?
开源·大模型·llm·deepseek
是店小二呀1 天前
AI前沿:资本狂潮下的技术暗战:巨头博弈、开源革命与生态重构
人工智能·重构·开源
NocoBase1 天前
2025 年 AppSheet 最佳开源替代品
低代码·开源·开发工具·零代码·电子表格