什么是 Vibe Coding?10 分钟做出一个作品
beginner~10 分钟0/4 步骤
什么是 Vibe Coding?
Vibe coding 很简单:你描述想要什么,AI 来构建。
不用死记语法,不用掉进 Stack Overflow 的兔子洞。你是建筑师——你描述愿景,AI 来砌砖。在第一节课里,你将只靠编写 HTML 就做出一张个人资料卡片。你会明白当你和 AI 对话时,它实际在生成什么,并在 10 分钟内做出一个真实的作品。
操作说明
1
添加一个 <h1> 写上你的名字——这是「你的」个人资料卡片
提示： 试试:`<h1 class="text-2xl font-bold text-white text-center mb-2">Your Name</h1>`
2
添加一个 <p class="bio">,用一句话介绍你是谁或你在做什么
3
添加一个 <ul class="skills">,里面放 3 个 <li> 条目——你擅长什么?
4
在底部添加一个 <a class="cta-link"> 按钮——一个别人点一下就能联系到你的链接
你的代码
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
用 ViBot 来 Vibe0 / 12 条免费消息
描述你想为这一步构建的内容，我来编写代码——然后点击「应用」把它放进你的编辑器。 本步骤：添加一个 <h1> 写上你的名字——这是「你的」个人资料卡片
实时预览
实时预览