Cursor入门：不会写代码也能做网站

可以，但有前提——你需要知道"想要什么"，而不是"怎么写"。

Cursor 是一款内置 AI 的代码编辑器。它的核心能力是：你用中文描述需求，它生成并修改代码。这让"不会写代码"的人首次具备了做出可运行软件的可能性。

但要诚实说明局限：

能做到：静态网站、落地页、简单工具（计算器、待办清单）、批量处理脚本、数据分析脚本、网页小游戏。

做不了/很难做：需要后端数据库的完整应用、需要支付/登录的电商站、需要运维的高并发服务。这些不是 Cursor 不行，是超出了"一个人 + AI"的能力边界。

最重要的一条经验：别想一步做完一个大项目。新手最常见的失败模式是"我要做一个完整的 XX 平台"，然后 AI 生成一堆代码，跑不起来，自己又看不懂哪里错了，最后放弃。正确路径是：先做一个能跑的小东西，跑通了再加功能。

• 下载：Cursor 官网（cursor.com），支持 Windows / Mac
• 账号：注册后免费版有一定额度，Pro 版约 $20/月
• 基础环境（做网站需要）：安装 Node.js（nodejs.org 下载 LTS 版，一路下一步）
• 心态准备：你会遇到报错，这是正常的。处理报错是 Cursor 最擅长的事——把报错原文复制给它，它通常能直接修

关于中文：Cursor 界面支持中文，AI 对话完全可以用中文。不需要会英语。

先想清楚一件事：你要做的是"给别人看的网页"还是"自己用的小工具"？ - 网页 → 后续需要部署上线（有免费方案） - 小工具 → 本地跑就行，更简单

建议从自己用的小工具开始，跑通全流程后再做网站。

Cursor 的复杂功能很多，但新手只需要掌握三个：

① 对话窗口（Ctrl/Cmd + L） 最常用。你在这里用中文描述需求，Cursor 生成代码并告诉你改了哪些文件。 - 用法："帮我做一个网页，显示今天日期和时间，每秒更新" - 关键：描述要具体，说清楚"看到什么、能做什么"

② 内联编辑（Ctrl/Cmd + K） 选中一段代码，按快捷键，输入修改要求，它直接改这段。 - 用法：选中一块代码 → 输入"把颜色改成蓝色"

③ 自动补全（Tab） 打字时它预测你接下来要写什么，按 Tab 接受。 - 新手用得少，但写多了会离不开

新手只用前两个就够了。 不要一开始就研究所有功能——那是拖延，不是学习。

以"做一个网页计算器"为例，走一遍完整流程：

① 建文件夹 在桌面新建一个文件夹，命名 `my-calculator`（不要用中文名和空格）。用 Cursor 打开这个文件夹（File → Open Folder）。

② 提需求 打开对话窗口（Ctrl+L），输入：

帮我做一个网页计算器，要求：
1. 一个 index.html 文件
2. 支持加减乘除
3. 有数字按钮和等号按钮
4. 界面简洁好看，用圆角按钮
5. 手机上也好看

③ 接受生成的代码 Cursor 会创建 `index.html` 并显示代码。点 Accept（接受）。

④ 看效果 在左侧文件列表右键 `index.html` → 选择 "Open with Live Server"（如果没有这个选项，直接双击文件用浏览器打开也行）。

⑤ 改效果 看到效果后，觉得按钮太小，在对话窗口输入：

按钮再大一点，数字也大一点

它会直接改代码，你刷新浏览器就能看到变化。

⑥ 加功能 ``` 再加一个清除按钮 ```

⑦ 遇到问题 如果页面白屏或按钮没反应，按 F12 打开开发者工具，把红色的报错信息整段复制粘给 Cursor：

控制台报错了，请看：
（粘贴报错原文）

它通常能直接定位并修复。

这个循环（提需求 → 看效果 → 提修改 → 再提需求）就是使用 Cursor 的全部核心。学会它，剩下的只是熟练度问题。

本地能跑之后，想发给别人看，需要部署。推荐免费方案：

方案 A：Vercel（最推荐给新手） 1. 注册 vercel.com（可用 GitHub 账号） 2. 安装 Vercel CLI 或在网页上传项目 3. 部署后得到 `xxx.vercel.app` 的网址

方案 B：GitHub Pages 1. 注册 GitHub 2. 新建仓库，上传 `index.html` 3. 在 Settings → Pages 开启 4. 得到 `用户名.github.io/仓库名` 的网址

方案 C：让 Cursor 教你 直接在对话窗口输入：

我想把这个网页发布到网上让别人访问，我是新手，
请给我从零开始的详细步骤，每一步都说清楚点哪里

它会给出针对你项目的具体步骤。

注意：涉及自定义域名、备案等问题会复杂很多，新手建议先用平台自带的免费网址。

坑 1：AI 一次生成一堆文件，看不懂 解决：让它简化。"只用一个 HTML 文件实现，不要分成多个文件"。单文件最容易理解和管理。

坑 2：改了代码后页面坏了，不知道怎么退回去 解决：用 Git（Cursor 内置支持）保存版本；或者每次大改前手动复制一份文件备份。新手一定要做备份。

坑 3：报错信息看不懂 解决：不用看懂。把报错原文整段复制给 Cursor，让它解释并修复。这是它最有价值的能力。

坑 4：越改越乱，代码成了一团 解决：不要在坏代码上继续打补丁。回到能跑的版本重新来，或者直接说"重新写一遍，用更简单的方式实现"。

坑 5：想要的功能 AI 做不出来 解决：拆小。"我想要一个带用户登录的博客"→ 先做"一个静态博客页面"，跑通后再考虑登录。

坑 6：中文需求 AI 理解偏了 解决：描述具体化。"好看一点"→"用蓝色主色调，卡片式布局，圆角，有阴影"。把形容词换成具体描述。

技巧 1：把需求一次说清楚（减少来回） 差："做一个网站" 好："做一个个人主页网站，包含：顶部头像和姓名、中间一段自我介绍、下面 3 个作品卡片、底部联系方式。用浅色背景，主色调用蓝色，手机端要适配。"

技巧 2：用截图沟通 Cursor 支持贴图片。看到喜欢的网页设计，截图丢给它，说"做成类似这种风格的"。比文字描述准确得多。

技巧 3：让它解释代码 看不懂某段代码，选中后问"这段代码在做什么，用大白话解释"。这是学编程最快的方式——边做边问，而不是先学理论。

技巧 4：让它写注释 "给这个文件加中文注释，解释每一部分的作用"。加上注释后，你自己回头看得懂。

技巧 5：项目变大后按文件描述 "现在改 hero 区域的样式"——指着具体文件名说，比笼统说"改首页"准确。

不会写代码用 Cursor，核心就三点：

1. 先做小的，别做大的——一个能跑的计算器，比一堆跑不起来的复杂代码有价值 2. 报错就复制粘贴给它——这是最省力的用法 3. 用"提需求 → 看效果 → 改"的循环推进——不要试图一次说完所有需求

最快上手路径（建议顺序）： 1. 做一个静态页面（纯 HTML，1 小时） 2. 加交互（按钮点击、计算，2 小时） 3. 发布到 Vercel（1 小时） 4. 做第二个小项目，重复上述流程

四个小时，你就能走完"从零到一个能访问的网页"的完整闭环。之后所有项目都是这个流程的重复和放大。

下一步：会做网页后，可以研究《用扣子 Coze 搭建公众号自动回复机器人》，把自动化能力补上。