文章

一行代码不懂的我,使用 Cursor 写了一个网页

来源:真不错真棒

你是否曾想过编程可以如此简单?Cursor 让我在编程中感受到“完全自动驾驶”的体验。

完全自动驾驶

我的女儿和我常常玩一个游戏,她会爬到我的背上,然后喊“按钮,启动”。随后,我就要驮着她在床上爬来爬去。没想到两岁多的她,提前体验到了“完全自动驾驶”。

我昨天我也感受了一把编程的“完全自动驾驶”。

Cursor 初体验

近期我一直听说 Cursor 这款 AI 编程软件,很感兴趣但一直没打开看。

直到前两天,看了这篇文章,Cursor:开启AI产品经理新时代

我开始使用 Cursor 这个工具,不过,我发现我这个麻瓜对这个工具还是有一定的门槛。

于是,我找了一个 YouTube 的视频来学习,照着他们的视频,我一点点尝试,花了一个多小时,也写出了一个网站的前端页面。

一行代码不懂的我,使用 Cursor 写了一个网页

一行代码不懂的我,使用 Cursor 写了一个网页

学习过程

这一个多小时里,我从头到尾都没有写一行代码,写一行英文。我只需要说人话就可以了。

一行代码不懂的我,使用 Cursor 写了一个网页

在七八年前,我有一个梦想(不是),我很想学 HTML,做一个网页出来,那些年我照着教程学,每次看完教程的前两章我已经累了,从 一个字一个字的敲,学了多少次,就放弃了多少次。

而现在我不需要敲任何代码了,只要打字就可以了,Cursor 真的太强了。

其他亮点:

  • 在写前端网页的过程中,你不用使用第三方的 AI 工具查好了再复制粘贴到你的代码里,集成了 Claude 3.5 和 GPT-4o 等先进模型。

  • 它不仅会自动完善交互,比如增加按钮的悬停效果,点击效果,还会帮你考虑到移动端的显示效果。

  • 如果运行的项目遇到问题了,它也可以帮你排查问题。

最后

不过别高兴的太早,虽然我做出了一个网页,但我做的东西还不能落地,以现阶段我的能力,我只能利用它做出我设想的产品的样子,用来验证我的需求,像开发的架构、数据库设计、API 还是得靠开发同学。

我都想好了,以后我想实现一个什么效果,我就直接写一个前端网页出来,发给研发同学,跟他们说:来,照着这个效果开发。需求文档都不用写了(不是),哈哈哈哈。

当然了,创意、需求价值和审美是 AI 给不了的,还是得提升以上能力,否则很难达到自己想要的效果,我期待在 Cursor 的帮助下,能够实现更多的创意项目。

如果你也做一些自己的产品,可以试试,毕竟八岁小孩都可以,我们也可以。

下载 Cursor:https://www.cursor.com

教程:

https://www.youtube.com/watch?v=QadMS2eKvKM&t=224s

【地表最强AI写代码工具——Cursor:人人都是P8程序员-哔哩哔哩】 https://b23.tv/0jb0UMn