Cursor · 不会写代码也能做出小网页的 AI 编辑器

Cursor 是一款自带 AI 的编程编辑器。所谓编辑器，就是程序员用来写代码的"高级记事本"，它长得很像常见的 VS Code，但你不用写代码——只要用大白话告诉它想做什么，它就帮你把代码写出来、改好，最后做成一个能打开的小网页或小工具。适合想做点小东西又完全不会代码的新手，也适合想提效的程序员。

一、它能帮你做什么

• 从零做一个能用的小网页：比如"做一个待办清单，能添加、勾选完成、删除"，它会把文件建好，你双击打开就能在浏览器里用。
• 做出小工具给自己用：比如"做一个能算房贷月供的计算器""做一个把文字转成大号字方便老人看的页面"，这类小工具它做起来很快。
• 改已经做好的东西：比如"把背景换成浅蓝色""加一个清空全部按钮""手机上打开时字要大一点"，不用你去找代码在哪一行。
• 解释看不懂的代码：看别人写的一段代码一头雾水，让它"用大白话解释这段代码在做什么，每一行都说明"，等于请了个随时在线的讲解员。
• 找出并修好报错：程序跑不起来时，把红色的错误提示整段复制给它，说"这是报错信息，帮我看看哪里错了、怎么改"。
• 批量做重复活：比如"把这 20 个文件的标题格式统一改成'章节一、xxx'"，这类机械劳动特别适合交给它。

二、怎么打开 / 安装

软件有免费额度可以使用，重度使用或需要更多次数时可能需要付费订阅，具体方案和价格以官方页面为准。初次打开时它可能会问你是否导入原来的编辑器设置，选"不导入"直接跳过即可，不影响使用。

三、第一次怎么用（照着做就行）

1. 在电脑上新建一个空文件夹，起名叫"我的第一个网页"（名字用中文没问题），记住它放在哪。
2. 打开 Cursor，点左上角菜单栏的"File（文件）"，选"Open Folder（打开文件夹）"，选中刚才那个文件夹并打开。
3. 打开 AI 对话框：通常在界面右侧有一个聊天面板，直接点进去；也可以用快捷键打开（Windows 一般是 Ctrl + I，Mac 一般是 Command + I），如果快捷键没反应，就以界面上显示的按钮和菜单为准。
4. 在输入框里用中文写下你的需求，尽量具体。例如："请帮我做一个待办清单网页，页面上有一个输入框和'添加'按钮，输入内容点添加后显示在下面的列表里，每条右边有'删除'按钮，点一下就删掉。做成一个 index.html 文件，样式简洁好看一点。"
5. 稍等片刻，它会给出要新建的文件和修改内容。看到"Apply（应用）"或"Accept（接受）"之类的按钮就点一下，确认把这些改动写进文件；如果它只是把代码贴在对话里，你就新建一个文件 index.html，把代码完整复制进去保存。
6. 保存文件（Ctrl + S 或 Command + S），然后打开"我的第一个网页"文件夹，双击 index.html，它会在浏览器里打开——你做的网页就能用了。
7. 觉得哪里不顺手，回到 Cursor 的对话框接着说："加一个'清空全部'按钮""完成的条目加一条删除线""手机上打开时按钮大一点"。改完再点应用，回浏览器刷新页面（按 F5）就能看到新效果。
8. 出问题了别慌：把浏览器里的报错提示或异常现象原样告诉它，"我打开页面是空白的，什么都没有"，它会一步步帮你排查。

四、可以直接复制的提示词

下面模板里用【】标出的部分，替换成你自己的内容。Cursor 支持中文，直接用中文提需求就行。

请帮我做一个【待办清单】网页，要求：
1. 顶部有一个输入框和"添加"按钮；
2. 输入内容点添加后，出现在下面的列表里；
3. 每条右边有"删除"按钮，点一下就删掉；
4. 全部做在一个 index.html 文件里，不用联网也能打开；
5. 样式简洁，字体大一点。
做完以后，用一句话告诉我怎么打开它。

我完全不懂代码。请帮我看看当前这个项目里的代码，
用大白话说明【这个网页】是怎么工作的，分 3 到 5 点讲，
每点不超过两句话。不要出现英文技术名词，必须出现时请用中文解释一遍。

我运行的时候出现了下面这个报错：【把红色的错误提示整段粘贴到这里】。
请帮我：
1. 用大白话说明这个报错是什么意思；
2. 指出最可能是哪里出了问题；
3. 给出具体的修改办法，并告诉我改在哪个文件的哪一部分。

请在现有页面的基础上增加【一个统计已完成数量的功能】。
要求：不要改动已有的功能，只新增需要的内容；
改完后列出你改了哪些地方，方便我检查。

五、好用的小技巧

• 一次只提一个改动：新手最容易犯的错是一次说五六条需求。一条一条来，做对了再加下一条，出问题也容易定位。
• 先要方案再要代码：拿不准就说"先别写代码，用 3 句话说说你打算怎么做，我确认后再动手"，避免它做偏了白费功夫。
• 把"打开文件夹"这步做对：一定要打开你的项目文件夹，而不是单个文件。这样它能看到整个项目，改起来上下文才完整。
• 说清楚给谁用、在哪用：加一句"给不懂电脑的长辈用"或"主要在手机上打开"，它会自动把字调大、按钮做大、少用专业操作。
• 养成随手保存的习惯：每次让它改完，先 Ctrl + S 保存，再回浏览器刷新看效果，不然看到的是旧页面。
• 做一步存一份：感觉改到一版能用的，就把整个文件夹复制一份另存。后面改坏了，随时能退回来。

六、注意事项

• 不要让它碰敏感内容：不要在代码里写密码、密钥、银行卡号，也不要把含这类信息的文件加进项目让它读取。
• 生成的代码要自己试：AI 写的代码不一定能一次跑通。先在浏览器里点几遍，确认没问题再接着做下一步，别一下子让它做大工程。
• 留意免费额度：免费版有使用次数或额度限制，重度使用可能需要付费，具体以官方页面为准；付费后如果不需要，记得去账号设置里关闭续费。
• 重要文件先备份：它会直接改动你文件夹里的文件，重要项目改动前先复制一份，或者确认改动内容后再点"应用"。
• 合规使用：不要用它生成病毒、爬虫骚扰、仿冒网站等违法或侵权内容；在公司项目里使用前，先确认单位对 AI 编程工具的规定。