
说实话,写那篇文章之前,我自己也没试过。
所以这周,我决定亲自验证一下——用 AI,从零开始,做一个真正能用的东西。
结果是:30 分钟,我做出了一个「每日待办清单」小工具。能用,能发给朋友,还能部署到网上。
这篇文章,我把整个过程记录下来,包括我踩的坑。
我做了一个什么工具?
就是一个简单的待办清单:
- 可以添加任务
- 可以标记完成
- 可以删除任务
- 数据保存在浏览器里,关掉再打开还在
功能很简单,但重点是——我全程没有写一行代码。
我用了什么工具?
我用的是 Cursor。
为什么选它?
- 它是目前最成熟的 AI 编程工具
- 免费额度够用(每天 50 次请求)
- 界面友好,小白也能上手
下载地址:cursor.com(直接搜就行)
---
全过程记录
第 1 步:告诉它我要做什么(2 分钟)
打开 Cursor,新建一个文件夹,然后在对话框里输入:
> 帮我做一个待办清单网页应用,要求:
> 1. 可以添加任务
> 2. 可以标记任务为已完成
> 3. 可以删除任务
> 4. 数据保存在浏览器本地存储
> 5. 界面简洁美观
然后,AI 开始工作了。
它直接帮我生成了三个文件:`index.html`、`style.css`、`script.js`。
我什么都没做,它自己就写完了。
第 2 步:看看效果(1 分钟)
在 Cursor 里右键点击 `index.html`,选择「Open with Live Server」。
浏览器弹出来了,一个待办清单就在我面前。
能用。能添加任务,能打勾,能删除。
但这一步,我遇到了第一个坑。
界面很丑。默认样式太简陋了,像 2005 年的网页。
第 3 步:让它变好看(5 分钟)
我继续跟 AI 说:
> 界面太丑了,帮我优化一下:
> 1. 用卡片式布局
> 2. 加一点圆角和阴影
> 3. 字体用好看的(推荐一个)
> 4. 配色用柔和的莫兰迪色系
它改了。刷新页面,好看了很多。
我又让它调了几次:
- "任务之间间距太小了"
- "完成的任务加个删除线"
- "加一个空状态提示"
每次它都能听懂,直接改。
第 4 步:部署上线(20 分钟)
做好之后,我想让朋友也能用。
这一步是最麻烦的。我用了 Vercel(一个免费的网站托管平台):
1. 注册账号
2. 把文件拖进去
3. 自动生成一个链接
过程有点绕,但跟着它的引导走,20 分钟搞定。
现在,任何人都可以通过链接访问我的待办清单了。
我踩的三个坑
坑 1:不要一开始就要太多功能。
我一开始说"我要一个待办清单,还要日历视图、还要统计图表、还要提醒功能"。AI 直接给我搞懵了,生成了一堆看不懂的代码。
后来我简化成"先做一个能用的",一次就成了。
教训:先做最小版本,能用再加功能。
坑 2:AI 有时候会「幻觉」。
我让它加一个功能,它给我生成了一段代码,但那个功能根本不存在于我当前的项目里。它自己编了一个。
后来我学会了:让它解释它做了什么,确认没问题再继续。
坑 3:部署比开发难。
开发 10 分钟搞定,部署花了 20 分钟。各种配置、各种报错。
但现在有很多更简单的方案,比如 Netlify(拖拽文件就能部署),下次我会用那个。
总结:普通人做自己的工具,真的可行吗?
可行,但有前提。
✅ 能做的:
- 简单的网页应用(待办、记账、计算器)
- 内部小工具(数据整理、报表生成)
- 个人项目(简历网站、作品集)
❌ 别指望的:
- 做出下一个微信
- 一夜暴富
- 完全不用动脑(你得会描述需求)
最重要的能力不是会写代码,而是:
1. 想清楚你要什么— 越具体越好
2. 会拆解问题— 一次只要一个功能
3. 有耐心迭代— 第一版一定不完美,改就行了
下一步
如果你想试试,我建议:
1. 下载 Cursor(免费)
2. 从一个最小的想法开始(比如:一个能记录喝水次数的页面)
3. 跟 AI 对话,让它帮你做
4. 遇到问题就问它,它比你想象的聪明
别想太多,先做。
做出第一个,你就会发现——原来做软件,真的没那么难。
夜雨聆风