前端代码生成器这玩意儿,前端器我一开始是代码拒绝的。三年前带新人,生成让他用某款AI生成工具写一个轮播图组件,前端器他粘贴出来的代码代码确实能跑。但等我接手维护时,生成发现里面硬编码了十几个魔法数字,前端器样式类名全是代码a1、b2这种。生成改一个间距,前端器得翻三处地方。代码那瞬间我明白了:生成器给你的生成是代码,不是前端器工程。
但你不能否认这工具的代码效率。去年给客户做官网改版,生成设计稿出得晚,开发时间被压缩到两周。我带着两个初级工程师,用生成器搭页面骨架,一天能出五个页面。换成手写,最快也就三个。那两周我们加班到十点,但至少没通宵。生成器把重复的布局、表单、列表逻辑全吞了,我们只需要处理业务状态和接口联调。
关键在怎么用。我观察过团队里用生成器用得好的同事,他们有个共同习惯:先写清楚接口文档和数据结构,再让生成器产出对应代码。数据模型定死了,生成的代码就规整。反观那些让AI自由发挥的,生成的东西五花八门,有的用axios,有的用fetch,有的状态管理用redux,有的用zustand。代码风格混乱得像菜市场,最后还得花时间统一重构,省下的时间又吐回去。
生成器的边界也值得琢磨。它能处理常见模式,但遇到偏门需求就露怯。比如我们做过一个复杂的树形表格,支持拖拽排序、行内编辑、动态列宽。生成器给的方案要么性能差,要么交互细节缺失。最后还得手写。那时候我就想,生成器更像是个高级模板引擎,而不是真正的智能体。它无法理解业务背后的隐性约束——比如某个字段必须在前台隐藏,但后台要保留;比如某个操作需要乐观更新,但失败要回滚。这些逻辑,它生成不出来。
后来我调整了策略。让生成器负责“形”,我负责“神”。具体做法是:先把页面拆成区块,每个区块的样式和静态结构交给生成器,但所有事件处理、数据流、状态切换都自己写。这样生成器干的活变成了纯粹的“打字员”,而我是那个决定怎么说话的人。效果出奇好,代码量减少了四成,但可读性没下降,因为核心逻辑还是我亲手写的。
说到底,前端代码生成器就是个放大器。你输入的是清晰的需求边界,它输出的是规整的代码块;你输入的是模糊的想法,它输出的是混乱的拼凑。我见过有人用它五分钟生成一个完整的后台管理界面,也见过有人让它写个按钮结果报错半小时。差别不在工具,在使用者的判断力。你越清楚自己要什么,它越能帮上忙。你要是自己都含糊,它给你的一定是个更大的坑。
现在我的工作流里,生成器占三成,剩下七成还是手写。那三成是重复劳动,那七成是思考。工具没让我失业,反而让我把精力花在了更有价值的地方——比如设计状态机的跳转逻辑,比如琢磨怎么让组件库的API更顺手。这大概就是这工具存在的意义吧。