当前位置：网站首页 > 技术资源 > 正文

【推荐】一个基于 Vue 开源的可视化页面生成工具，前端开发利器

moboyou 2025-08-03 06:33 20 浏览

前端岗位砍掉40%还不薪的同事，靠一款开源拖拽神器每天三分钟完活

这事藏在Gitee热榜前十，名字叫AS-Editor

上线100天，star冲到8.3k，issue里90%在问同一句话：能不能再快一点。

以前画十个页面，哪怕复制粘贴也要半天。

现在从空白画布到可上线源码，平均用时四十八分钟，实测最快的记录是十一分钟零三秒。

省下的大块时间，干副业、摸鱼、考证书都行。

工具走Vue路线，不挑脚手架，Vue2、Vue3都能往里装。

核心思路是用JSON描述页面，拖拽完点一键生成，输出单文件组件，放进自己项目直接npm run serve就能跑。

有人担心：拖拽会不会只能玩基础布局？

试了一下，里头的组件库自带五十多个常用块，表单、轮播、图表全封装好，也留了插槽给自定义组件。

想把公司那套业务组件挂上去，照着示例写一版json-schema就行。

真正省力的点是实时预览

左边拖，右边手机模型立刻刷新，连点击事件都能立马试。

过去写完样式还要切到真机扫码的日子，一下子被按在地上。

害怕打包体积失控？

导出的Vue文件只包含用到的组件和样式，没有整包框架。

新项目亲测首屏js不到90k，旧手机也跑得动。

圈子里流传的安装细节

npm install记得加--legacy-peer-deps，新npm动不动就把peer冲突整个罢工。

装好以后三条命令：

· npm install

· npm run serve

· npm run build

钉钉群里有人用来出原型，UI画完直接甩产品经理，十分钟就能让需求落地。

也有人把整套页面存成JSON文件，交给测试同事，切换几组文案就能跑A/B，效率翻倍。

亲自拿的窍门

做长列表页面的时候，先在Excel里把字段拼成JSON，复制进去，拖拽区域瞬间铺满，比一根根改属性省太多。

工具虽小，却撕开了一个口子：

未来写前端也许不再比拼谁手速快，而是拼谁更早把需求拆成可配置的积木。

能让机器干的，就别再熬夜硬怼。

相关推荐