最近后台好几个人问我:不会代码,能不能用AI做个网站?
能。我今天试了三个工具,说说真实体验。
三个工具分别是什么
v0.dev 是Vercel公司出的AI前端生成器。你用中文描述想要什么页面,它10秒内给你生成一个可预览的网页。可以在对话里继续改——换颜色、加模块、调排版,直到满意为止。 Bolt.new 是StackBlitz出的,比v0更进一步。不光能做网页,还能做小应用。跟它说"做个待办事项app",前端界面和后端逻辑一起写好,直接能跑。 Lovable.dev 界面最简洁,适合做落地页和产品展示页。 三个工具的共同点:不需要写任何代码,用中文描述需求就行。
我的实际测试
用v0.dev,输入"做一个个人简历页面,蓝色主题,简洁风格,包含个人信息、工作经历、技能标签"。
10秒后生成了一个完整的简历页面:有头像区域、技能雷达图、时间线式的工作经历展示。配色是深蓝+白色,排版干净。
我在对话框里说"把技能雷达图换成标签云",它马上改了。说"加一个项目作品展示区",也加上了。
整个过程像在跟一个会写代码的人聊天,你描述需求,它给你实现。
用Bolt.new,输入"做一个待办事项应用,可以添加任务、标记完成、删除任务,界面简洁"。
生成了一个可以实际使用的待办应用——真的能添加任务、勾选完成、删除。不是静态页面,是带交互功能的。
用Lovable.dev,输入"做一个手机壳产品展示页,有产品图片轮播、价格标注、购买按钮"。
生成了一个电商风格的产品页面,有轮播图、价格标签、加购按钮。当然,购买按钮只是个样子,没有真实的支付功能。
哪些场景适合用
• 个人简历/作品集:★★★★★ 完美适配
• 小店铺产品展示:★★★★☆ 效果不错,但支付功能需要另外接
• 活动报名页:★★★★☆ 表单类页面生成效果好
• 博客/内容站:★★★★☆ 适合,但内容管理功能有限
• 电商平台:★★☆☆☆ 基础展示可以,复杂功能不行
• 社交平台:★☆☆☆☆ 不适合,用户系统太复杂
真话时间
第一,生成的页面默认英文,必须明确告诉AI用中文。
第二,免费版有token限制。v0.dev免费额度较少,Bolt.new每天30万token够做几个页面。
第三,做出来的东西适合展示和轻量交互,不适合做复杂的业务系统。
第四,可以直接部署上线,不需要另外买服务器和域名。v0.dev和Bolt.new都支持一键部署。
怎么开始
最简单的方式:打开v0.dev,用GitHub账号登录(没有就注册一个),在输入框里用中文描述你想要的页面,等10秒看结果。
不需要装任何软件,不需要懂任何代码,浏览器里就能完成全部操作。
这三个工具让我觉得"不会代码也能做网站"终于不是一句空话了。门槛确实降到了"会打字就行"的程度。