当前位置:首页 > 每日看点 > 正文内容

不会编程,直接用 AI 来写靠谱吗?

卡卷网1年前 (2024-12-03)每日看点258

一直以来都是有个编程梦,但是苦于学编程太过于繁琐,英文又不好,一直在慢慢摸索中,但是自从接触到AI编程后,感觉真的太简单了,做个网站用对话的形式轻轻松松搞定。

今天正好有时间,就对最近比较火热的V0,Bolt.new,Cursor,Windsurf四个编程软件进行测评下,看看到底用谁写代码更简单更方便?

为了公平起见,我用ChatGPT来生成一段提示词,统一用同一个提示词来生成代码。

不会编程,直接用 AI 来写靠谱吗?  第1张

Prompt:

设计一套使用Next.js构建的高端企业官网,整体以橙色为主色调,UI设计简洁且富有现代感,突出高端大气。以下是具体要求:

  1. 整体布局:
    1. 主色调为橙色,搭配灰白等中性色,保持页面视觉和谐。
    2. 网站包含以下模块:导航栏、首页宣传语、产品介绍、公司介绍、团队展示、联系信息、页脚。


  1. 导航栏:
    1. 导航栏固定在页面顶部,包含首页、产品、关于我们、团队、联系我们等栏目。
    2. 支持中文与英文切换,提供语言选择按钮(CN/EN)。


  1. 首页宣传语:
    1. 居中显示公司主打宣传语,例如“创新引领未来”或“Empowering Innovation”。
    2. 配以橙色主题背景或动态效果,突出品牌形象。


  1. 产品介绍:
    1. 使用图文结合的卡片布局,每个产品块包含名称、简要描述、特色功能与CTA按钮(了解更多)。
    2. 提供鼠标悬停的交互效果,例如卡片微动或阴影变化。


  1. 公司介绍与团队展示:
    1. 公司介绍模块简洁明了,结合橙色元素,展示公司的愿景与核心价值观。
    2. 团队展示采用网格布局,每位成员头像下方标注姓名与职位,可点击查看详细介绍。


  1. 联系信息与页脚:
    1. 联系信息模块包括联系表单、电话、邮箱,以及公司地址的嵌入式地图。
    2. 页脚设计简洁,包含版权声明、友情链接、社交媒体图标等。


  1. 多语言支持:
    1. 所有模块内容提供中英文版本,可通过切换按钮即时切换语言。


  1. 其他要求:
    1. 网站自适应设计,支持PC端与移动端访问,确保流畅的用户体验。
    2. 首页加载动画简约,提升首屏吸引力。


输出代码结构清晰,利于维护与扩展,确保SEO优化。

V0

v0直接上提示词,没有任何人工介入很快写完了代码,其实我是看不懂的。

不会编程,直接用 AI 来写靠谱吗?  第2张

看不懂不要紧,V0会自动运行可以预览网站所有界面。

不会编程,直接用 AI 来写靠谱吗?  第3张

按照我们平台浏览网站的方式预览了一番,没有任何的瑕疵,这写网站代码也太方便了。

V0还有个功能,可以直接部署到Vercel上,我们也来尝试看看是否能成功部署吧!

Deploy部署非常方便,只需要创建个名称,其它的全部交给V0即可。

不会编程,直接用 AI 来写靠谱吗?  第4张

从写代码到网站上线,我就用了一句提示词,V0全部自动化完成,真的太强大了,最最最主要的是我用的是免费版。

Bolt.new

我们用同样的提示词投喂给Bolt.new,它会先写一部分代码,运行代码预览网站的部分内容,然后询问你是否继续更新?

不会编程,直接用 AI 来写靠谱吗?  第5张

继续后Bolt.new会写剩余的代码,速度很快,整套网站从写代码到预览全程5分钟都不到,真的很6呀!

不会编程,直接用 AI 来写靠谱吗?  第6张

代码一如既往的看不懂,但是网站的效果真的很棒,从UI到整体运行都很流程,挑不出一点瑕疵。

不会编程,直接用 AI 来写靠谱吗?  第7张

Bolt.new支持一键部署到Netlify,点击Deploy什么都不用管会自动部署并返回访问链接,同时也支持把网站转移至自己的Netlify账户。

不会编程,直接用 AI 来写靠谱吗?  第8张

V0与Bolt.new都是网页版,使用起来也比较方便,对于新手用户非常友好,最最最主要的是两个从写代码到部署我用的都是免费版哦~

两者相比来说Bolt.new创建的网站更精美点,速度更快点,但是Bolt.new写代码需要逐步给出提示,而V0直接一句提示词写完网站代码。

这两者如果是我选择的话,我更愿意为Bolt.new而付费,第一:UI满足了我的审美;第二:写代码的速度快部署快。

Cursor

我用同样的提示词投喂给Cursor,只给出了结构的示例代码,这给我有个毛线用,我根本看不懂呀!

不会编程,直接用 AI 来写靠谱吗?  第9张

没办法,我只能增加提示词来命令它写齐代码咯~

还不错,根据我的要求写了部分代码,但并不是全部,只能继续让他写下去咯~

不会编程,直接用 AI 来写靠谱吗?  第10张

继续写的代码基本实现了我所要的全部功能,我们来运行看看效果吧!

不会编程,直接用 AI 来写靠谱吗?  第11张

还有一点,写的代码不会自动发送到编辑框,需要手动点击Apply才能复制到编辑框,这点做的很不友好呀!

想运行代码看看效果的,但是总是报错,这对于新手来说只能放弃了,完全解决不了。

不会编程,直接用 AI 来写靠谱吗?  第12张

Cursor编辑器还是适合有一定编辑基础的用户,可以用AI辅助写代码和修改代码,想要完全通过它来写完整套网站有点难。

Windsurf

还是用同样的提示词投喂给Windsurf,它会逐步创建各类组件,也会自动同步至编辑器。

不会编程,直接用 AI 来写靠谱吗?  第13张

虽然代码写完了,但是与Cursor遇到同样的问题,运行调试报错,没有编程基础还是解决不了。

不会编程,直接用 AI 来写靠谱吗?  第14张

结语

V0,Bolt.new,Cursor,Windsurf四款编程工具我们一一测评过了,从体验过程来看,V0,Bolt.new比较适合新手或者完全不懂代码的用户,Cursor,Windsurf则适合有一定编程基础的用户。

当然我个人认为最优秀的是Bolt.new,不管是从UI还是从写代码的速度与质量都是我认为最优的。

扫描二维码推送至手机访问。

版权声明:本文由卡卷网发布,如需转载请注明出处。

本文链接:https://www.kajuan.net/ttnews/2024/12/2719.html

分享给朋友:

相关文章

你有突破100个粉丝了吗?

你有突破100个粉丝了吗?

100粉已经过啦!说说怎么过的吧,最开始疯狂的写回答,写想法,关注人数在50几以下持续有两周多,每天都关注变化,都是个位数增长,后来干脆不看了。到第三周时突然一周增长了100多人,一天十几人,想想应该归功于多互动,给他人点赞评论,让自己曝光...

下班后可以做点什么副业赚钱呢?

下班后可以做点什么副业赚钱呢?

首先说明一下,我分享的任务不需要交钱,也不需要入群,只需要你去平台学习就可以。如果有任何让你交钱,进群的任务,请警惕被割韭菜。今天给大家分享7大赚钱副业,新手小白0粉丝0门槛0技术都可以去做,不说大富大贵,但是赚个零花钱还是可以。如果你已经...

最让你震惊的网站有哪些?

压箱底的震惊来了,来波大的,一百个网站!这些都是我平时辛辛苦苦收集的,是真的牛逼,居然还有这种网站。1、实时地球网址:https://zoom.earth/实时图像每 10 分钟更新一次,提供风暴、天气预报、降水、火警等数据2、陕西博物馆...

内存和硬盘的单位都是G,两者的功能是什么?谁能用简单通俗的方式来解读一下?

内存和硬盘的单位都是G,两者的功能是什么?谁能用简单通俗的方式来解读一下?

要弄清楚这个问题,首先要弄清楚什么是内存,什么是硬盘,在计算机的组成结构中有一个很重要的部分是存储器。它是用来存储程序和数据的部件。对于计算机来说,有了存储器,才有记忆功能,,才能保证正常工作。存储器的种类很多。按其用途可分为主存储器与辅助...

荣耀magic 7 首发的应该都收到货了,感觉怎么样?

8号入手magic7,跟mate40pro比。优点:1、电池真耐用,充电块,华为电池也是新换的但是明显荣耀耐用;2、系统明显快多了,mate40pro下半年开始卡的不行,实在受不了了。3、声音、震动效果提升明显,指纹反应灵敏很多。 缺点:1...

领导给我介绍了私活,挣了3W。该给领导分多少合适呢?

你看,这就是网络的好处了。这种问题,你去问亲戚朋友,一大帮子人有一大帮子说法,还不排除有人眼红故意坑你瞎出主意。你这隔网上一问,大家素昧平生,反而因为想骗个赞跟你使出浑身解数来出主意。多好你看。其实这事道理很简单。人脉是人家的,活是你干的。...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。