服务端程序员用 Crusor 开发网站的体验
作为一个有十多年后端开发经验的工程师,我的前端能力仅限于一些简单的修改,像 Vue 这样的现代框架基本没怎么碰过。这些年前端发展迅猛,我对前端的认识还停留在 jQuery 时代,对前端新技术并不熟悉。最近在尝试用 Crusor 来开发网站,结果让我很惊讶。它让我可以七天做七个网站(有单页面也有复杂页面),简直是让梦想成真,比产品经理改需求还快。
从 0 到 1:快速完成 MVP
Crusor 的优势在于极大地提高了一个产品从 0 到 1 的速度。基本上我脑子里有了想法,就按照大模型能理解的方式写出需提示词,例如:“帮我生成一个正则测试网站,有一个输入框输入正则,下面检查结果,结果高亮。列出各种语言的代码示例,然后再来一些常用例子。使用 vue 框架。”
这个时候就有请 Crusor 开始表演了。通过和 Crusor 的几轮交互,几分钟就有了一个雏形,你需要的功能都有,看着很像那么回事。美中不足就是看起来不是你想要的界面,后面就是调整样式了,调试过程占大部分开发时间。
从有有想法,到买域名,生成代码,修改样式,上线,整个过程基本上几个小时。我仅用了大约 2 个小时就完成了一个最小可行产品(MVP),对于一个不熟悉现代前端框架的后端开发者来说,这种效率几乎是不可思议的。
Crusor 的提示式开发模式让我能够快速生成代码,不需要前端细节的学习过程。比如布局、组件组织等,我只需要清楚地描述需求,AI 就能生成初步代码。这第一步是最爽的,感觉自己就是上帝,动嘴就可以。
从 1 到 100:艰难的调优过程
然而,当进入调优阶段时,问题开始暴露。调优的工作量比想象中大得多。比如我在做一个生成手机壁纸的功能点时,反复调了几十次,基本都是样式问题。我说你重新把界面调一下,唰一下,人家把整个项目的模板全改了,然后就运行各种报错了。有时候也有逻辑上的问题,项目文件一多,它往往不知道自己要修改哪个文件。有时候它没找到文件,就自己新建文件,后面就一直基于新文件一通修改。最终也没有完成我想要的效果,做了很多无用功。其实这个时候我直接告诉它修改哪个文件,要做什么,它就会很容易搞定。
但问题是我对前端没这么熟悉,很多时候我自己也不懂,想偷懒,就懒得多给它一点清晰的提示。这种情况很容易出现灾难,你一晚上辛辛苦苦调好的页面,它可能“唰”一下就没了。这个时候真的想揍人,关键你还揍不着!
不过好在 Crusor 最新版本也有了版本管理功能,出现灾难事故,点一下 restore 就能恢复回到它修改之前的状态。暂且就放他一马,毕竟能恢复就表示它有自知之明。
调优主要的困难我总结一下:
逻辑混乱:AI 没有开发者的整体逻辑意识,它会对之前的代码进行修改,有时改动反而让功能变得不可用。
重复尝试:某些功能需要反复尝试几十次,才能生成一个满意的结果。这种高强度的尝试非常耗费时间和精力。
上下文丢失:AI 很难完全理解代码的上下文,有时候需要重新引导它从头再来。
这种从 1 到 100 的过程让我深刻体会到 AI 工具目前的局限性。它更像是一个可以快速生成代码的助手,但真正的精细化工作仍然需要我们亲力亲为,去慢慢修改,没有从 0 到 1 创造的爽感。
后记
使用 Cursor 开发网站的体验让我既惊喜又无奈。从 0 到 1 的效率提升令人印象深刻,下笔如有神,有了想法立马就能实现。但从 1 到 100 的调优过程也暴露了现阶段 AI 工具的问题,还需要我们这些人类训练师不停地调试它,帮助它成长。
没有它,我不可能一周完成七个小产品,而且我也写不出来这么好看的样式。
未来,随着 AI 技术的不断进步,它可能会成为开发者更强大的助手,甚至在某些领域完全取代手动开发。但在此之前,我们每个开发者,或者是想要自己做产品的同学,都应该去试试这些新工具。不管是用它开发新产品,还是让它做脏活累活,都值得尝试。
趁着 AI 还没取代我们,我们先动嘴,让 AI 给我们打工去吧。
列举我这一周做的工具,大家可以看看 Cursor 的效果:
正则小工具 https://regexfix.com/
2024 电影推荐 https://bestmovies.fun
狗狗年龄计算器 https://dogage.fun/
评论