别怕写代码,你只要学会“把话说清楚”
就在一两年前,我还认为写程序是程序员这个职业的专属标签。
但回看最近 AI 的发展,我越来越确定:编程正在从“职业技能”变成“大众技能”——就像今天每个人多少都会用电脑一样。
我们不一定要成为程序员,但我们可以借助 AI,去实现一些简单却很有成就感的功能。
而这一切的核心,其实就一句话:
别怕写代码,你只要学会“把话说清楚”。
这篇文章想带你完成一次很轻量、但很有“第一次创作”意义的小体验:
用 AI 做出一个能运行的小网页,接着学会怎么把“需求”说得更清楚,让作品一步步变得更好看、更好玩。
第一次创作:1 分钟做出一个能用的小网页
如果你第一次使用这类工具,直接打开豆包(或任意对话式 AI)就行。
我们从最简单的网页开始:一个 HTML 文件就能运行,不需要装环境、不需要懂术语。
把下面这段话复制,发给 AI:
帮我做一个单文件网页(只要一个 HTML 文件就能运行)。
页面是粉色背景,中间一个很大的按钮,按钮文字写“今天中午吃什么?”
我点一下按钮,就随机显示一道菜:红烧肉、清炒菜心、西红柿炒蛋。
请把完整的 HTML 代码一次性发给我,并告诉我怎么保存和打开。
发出去以后,AI 会回你一段完整代码。
如何保存与打开(不怕卡住)
只要照着做,你一定能跑起来:
- 打开文本编辑器
- Windows:记事本
- macOS:文本编辑(建议切到“纯文本”模式)
- 把 AI 返回的代码 全部复制粘贴进去
- 保存文件名为:lunch.html(后缀一定要是 .html)
- 双击这个文件,就会在浏览器打开
然后你会看到一个页面:粉色背景 + 一个大按钮。
每点一次,它就会随机显示一道菜。
到这里,你已经完成了你的第一次创作。
如果你认识程序员朋友,你可以和他说一句:
恭喜我完成了人生第一个 Hello World(网页版)。
你其实已经掌握了最关键的能力:把“想法”变成“可执行的需求”
很多人以为这一步的关键是“写代码”。
但当你用 AI 创作时,真正的关键变成了另一件事:
把你想要的东西说清楚。
在 AI 语境里,这段“你怎么说”的内容,通常被叫作 提示词(Prompt)。
但你完全可以把它理解成:需求说明。
而且,提示词不是越复杂越好。
对新手最友好的方式,是把升级拆成几个台阶,一步一步加“体验”。
提示词升级:从能跑 → 好看 → 好玩(三步走)
下面我给你一套非常稳的升级路径:每一步只加一点点要求。
你可以把它当成“复制即可用”的模板。
Level 1:能跑(你刚刚已经做到了)
目标只有一个:能打开、能点击、能随机显示结果。
这一步最重要,因为它会给你一次明确的正反馈:
“原来我也能做出来。”
Level 2:变好看(只加 3 个要求)
把下面这段发给 AI,意思是:在原代码基础上升级(而不是重写):
在刚才那个单文件 HTML 的基础上,帮我升级视觉:
1)背景从纯粉色改成柔和的粉紫渐变
2)按钮更大、更圆润,有阴影,看起来像“悬浮”在页面中间
3)结果文字更醒目,居中显示,字体更现代一点
仍然只输出一个完整 HTML 文件,代码一次性给我。
你会得到一个更像“产品”的页面:干净、有层次、看起来更高级。
Level 3:变好玩(加一点“仪式感”)
当它已经好看了,再把互动做得更有情绪价值:
继续在刚才的页面基础上增加互动:
1)点击按钮后先显示“抽奖中…”0.5 秒
2)结果出现时做一个“弹跳放大”的动画
3)点击瞬间有纸屑/礼花效果(可以用轻量 CDN)
依然保持单文件 HTML,代码整洁,手机端也能正常居中显示。
这一步会非常直观地让你体会到:
你不是在写代码,你是在设计体验。
为什么我觉得这件事值得开始?
因为它带来的不只是“做了一个网页”,而是一种新的能力:
- 你能把一个模糊的想法写成清晰需求
- 你能快速做出原型验证(甚至可以给朋友玩)
- 你会越来越敢做更复杂一点的东西
而这种正向反馈,是人非常需要的。
它会让你愿意继续走下去。
结语:你不需要先学会代码,你需要先学会表达
同一个功能:“随机午餐”。
不同的提示词,会得到完全不同的体验。
这就是我想表达的核心:
别怕写代码,你只要学会把话说清楚。
你可以从一个按钮开始,从一个小网页开始。
先拿到一次“做出来了”的感觉——那会成为你下一次创作的起点。
附:你可以立刻复制的“万能提示词模板”
如果你想做任何小网页/小工具,都可以按这个结构写:
帮我做一个单文件网页(一个 HTML 文件即可运行),包含 HTML + CSS + JS。
目标功能:我想实现……(一句话说明功能)
交互流程:用户点击/输入后会发生……(按步骤写)
视觉要求:背景风格、按钮样式、字体、布局(简单列 3-5 条就好)
额外体验:动效/提示/等待/反馈(可选)
请一次性输出完整代码,并告诉我怎么保存和打开。