Cursor保姆级教程：3小时从0做出一个网站（附我踩过的坑）

● 砚数教程 保姆级 · 含实测

一个完全不会写代码的人，3 小时做出一个能上线的网站。这不是吹牛，是我朋友上星期干的事。

Cursor 这类工具，正在把编程的门槛从学三年，塌成打一行字。这篇教程手把手带你从安装到做出一个完整项目。我踩过的坑，也一并告诉你。

Cursor 救不了你，除非你先搞懂，它是代驾，不是驾照。

一、准备工作：3分钟，但有个坑我得先说

同一个任务，用 Cursor 按小时算，不用按天算

你需要三样东西，全部免费：

你需要怎么搞花多久Cursor 软件 去 cursor.com 下载，支持 Windows/Mac/Linux 2分钟 一个邮箱 注册 Cursor 账号，支持 Google/GitHub/邮箱 30秒 免费套餐 注册即送免费额度，够你学完这篇教程 0元

下载完打开，界面跟 VS Code 几乎一模一样。用过 VS Code 的，0 学习成本。没用过的，也别慌，我们一步一步来。

注册免费，这点不忽悠。但免费额度是个甜蜜陷阱，这点我后面单独讲。先记住一句话：它用免费把你钩进来，等你离不开了，Pro 的 20 刀就是刚需。

二、第一步：建项目骨架（贴真实提示词）

Cursor 用户增长曲线，把传统编辑器甩出屏幕

① 新建文件夹

打开 Cursor，点左上角 File → Open Folder，在桌面新建一个叫my-todo的文件夹，选中它。

② 打开 Composer（AI 对话窗口）

按快捷键Ctrl+I（Mac 是 Cmd+I），屏幕中间弹出一个对话框。这就是 Cursor 的心脏，Composer。

③ 输入第一句 Prompt

在 Composer 里输入下面这段话，然后回车：

用 HTML+CSS+JS 写一个待办清单网页：1. 顶部一个输入框和添加按钮2. 添加后显示在下方列表3. 每项可以勾选完成（划线）4. 每项可以删除5. 数据存在浏览器本地，刷新不丢失6. 界面简洁好看

回车之后，Cursor 开始自动写代码。你会看到它创建了一个index.html，里面 HTML、CSS、JavaScript 全齐了。

整个过程大概30 秒。我以前写这么个东西，一下午。

以前 30 秒够干什么，够打开一个空白文件。现在 30 秒够写出一个完整项目。

三、第二步：预览和改（你只需会提要求）

免费够入门，Pro 20美元/月，重度使用才躲不过

④ 预览效果

左侧文件列表右键 index.html →Reveal in File Explorer（在文件管理器中显示），双击用浏览器打开。

你会看到一个完整的待办清单页面，输入框、添加按钮、列表、勾选划线、删除按钮，全都有了。数据存本地，关掉浏览器再打开，之前的待办还在。

⑤ 不满意？直接跟 Cursor 说

觉得界面太丑，在 Composer 里直接说：

界面太朴素了，改成毛玻璃风格，加一些动画效果，配色用深色主题

回车，等 15 秒，刷新浏览器。界面瞬间高级了。

这就是 Cursor 最颠覆的地方。你不需要知道怎么改，你只要告诉它你想要啥。像跟一个随叫随到的实习生说话，还不用发工资。

四、进阶：三个让我效率翻倍的技巧

基础功能讲完了。下面这三个，是我用了三个月才摸出来的，每一个都能让效率再上一个台阶。

技巧一：Agent 模式，让它自己跑

Composer 里有个下拉，默认是 Normal。切到Agent。区别在哪？Normal 是你说一句它做一下，Agent 是你给目标，它自己规划步骤、自己执行、自己检查。手动挡换成了自动驾驶。

技巧二：Cloud Agent，关了电脑它还在跑

2026 年 7 月刚上的新功能。开启后，你关电脑、出门、睡觉，Agent 在云端继续干活。第二天打开，代码已经写好了。

你睡觉它加班，浪漫吧。但关电脑前记得存盘，别问我是怎么知道的。

技巧三：接入 Google Workspace，不用切窗口

8 月 3 号刚出的插件。装了之后，Cursor 能直接读你的 Drive 文件、发 Gmail、看日历。你说「把我 Drive 里的需求文档读一遍，然后按需求写代码」，它自己去翻、理解、开工。工作流直接串起来。

工具的最高境界，不是功能多，是让你忘了它的存在。

五、说点难听的：Cursor 不是万能的

上面说得热闹，现在泼冷水。我是真拿它干活的人，它的毛病我一个都跑不掉。

毛病一，幻觉。它会非常自信地写错代码，还给你注释得头头是道。你一不小心就上线了，半夜报警。

毛病二，收费套路。免费额度用完，各种弹窗催你升 Pro。20 刀一个月，重度用户绕不开。

毛病三，大项目失控。超过一定复杂度，它开始东改西改，最后你自己都看不懂它写了啥。

毛病四，隐私。代码传云端，敏感项目得掂量。

工具越强，越要清醒。AI 写的代码，最后签字的是你，不是它。

所谓效率提升，不过是把你从重复劳动里解放出来，再让你去操心更难的决策。

六、效果对比：实测数据（附诚实说明）任务不用 Cursor用 Cursor效率提升写一个待办清单网站 2-3天（零基础学起） 3小时 10倍+ 给项目加登录功能 半天到一天 30分钟 8倍 重构 1000 行旧代码 2-3天 1小时 10倍+ 写单元测试 跟开发时间 1:1 5分钟 20倍+

数字是我实测的，不吹。但说明白，这是简单项目的数据。复杂项目它确实会翻车，别被营销号带节奏。

人类最贵的资产是时间，AI 最擅长的，就是帮你把时间还给你。

七、适合谁，不适合谁

适合：

完全零基础想做个东西的人，有成就感，有动力学下去。

有基础但不想写重复代码的人，样板代码、CRUD、测试，全丢给它。

想接外包做副业的人，需求到代码快到离谱，一个人能干三个人的活。

产品、设计想快速出原型验证想法的人，不用求程序员。

不适合：

要极高安全和性能优化的底层开发，AI 生成的代码得人工审。

完全不想学任何东西的人，它写你不懂，出问题你修不了。

八、一句话总结

Cursor 把编程的门槛，从学三年降到了打一行字。

说实话，2026 年还没试过 AI 编程工具，你真在浪费自己的时间。不是夸张。同样的活，别人三小时干完去玩，你还在加班改 bug。差距就这么拉开。

去 cursor.com 下载。免费。试一下。不好用回来骂我。

想起小时候装个软件要翻半天书。现在的孩子打开 Cursor，说一句话，一个网站就出来了。时代变了，变得比我预想的快十倍。

· 以上 ·

关于作者

叶蔚卿，90 后，穿梭互联网二十年，团广网创始人，现为自雇者，热爱写作，研究AI 领域。

本公众号专注解读技术与文明博弈，带你见证数字世界的全新纪元。

#Cursor #AI编程 #零基础教程 #效率神器 #砚数教程

叶蔚卿

数据来源：cursor.com 官方、公开报道、作者实测整理

☆ 星标「砚数」，第一时间收到推送