别怕写代码,你只要学会“把话说清楚”

别怕写代码,你只要学会“把话说清楚”
Photo by Aaron Burden / Unsplash

就在一两年前,我还认为写程序是程序员这个职业的专属标签。

但回看最近 AI 的发展,我越来越确定:编程正在从“职业技能”变成“大众技能”——就像今天每个人多少都会用电脑一样。

我们不一定要成为程序员,但我们可以借助 AI,去实现一些简单却很有成就感的功能。

而这一切的核心,其实就一句话:

别怕写代码,你只要学会“把话说清楚”。

这篇文章想带你完成一次很轻量、但很有“第一次创作”意义的小体验:

用 AI 做出一个能运行的小网页,接着学会怎么把“需求”说得更清楚,让作品一步步变得更好看、更好玩。


第一次创作:1 分钟做出一个能用的小网页

如果你第一次使用这类工具,直接打开豆包(或任意对话式 AI)就行。

我们从最简单的网页开始:一个 HTML 文件就能运行,不需要装环境、不需要懂术语。

把下面这段话复制,发给 AI:

帮我做一个单文件网页(只要一个 HTML 文件就能运行)。
页面是粉色背景,中间一个很大的按钮,按钮文字写“今天中午吃什么?”
我点一下按钮,就随机显示一道菜:红烧肉、清炒菜心、西红柿炒蛋。
请把完整的 HTML 代码一次性发给我,并告诉我怎么保存和打开。

发出去以后,AI 会回你一段完整代码。


如何保存与打开(不怕卡住)

只要照着做,你一定能跑起来:

  1. 打开文本编辑器
    • Windows:记事本
    • macOS:文本编辑(建议切到“纯文本”模式)
  2. 把 AI 返回的代码 全部复制粘贴进去
  3. 保存文件名为:lunch.html(后缀一定要是 .html)
  4. 双击这个文件,就会在浏览器打开

然后你会看到一个页面:粉色背景 + 一个大按钮。

每点一次,它就会随机显示一道菜。

到这里,你已经完成了你的第一次创作。

如果你认识程序员朋友,你可以和他说一句:

恭喜我完成了人生第一个 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 条就好)
额外体验:动效/提示/等待/反馈(可选)
请一次性输出完整代码,并告诉我怎么保存和打开。