课程链接：www.bilibili.com/video/BV1Zi...
课堂目标
- 理解Cursor 是什么
- 知道为什么要学习cursor
- Cursor 牛刀小试
1-Cursor 是什么？
Cursor 是一款内置agent 的 AI 编辑器。
传统软件是确定性的。给定相同输入，多次运行会得到相同输出。开发者会显式编写代码来覆盖这条"既定路径"。
Cursor 作为内置AI模型的编辑器，其输出具备概率性。这意味着在相同输入下，模型可能走出多种不同路径。
Cursor 可以成为你更加智能、更具能动性的助手，它可以帮你快速理解代码、规划和构建功能、修复缺陷、审查更改等。
Cursor下载地址：cursor.com/cn/download
2-为什么要学习cursor？
Cursor是当前比较主流的AI 编辑器。
目前相较于其它的许多AI 编辑器，Cursor 可以给我们带来更加贴心、舒适的开发体验。
比如Cursor 输出的内容更加美观，结构清晰，比如标题目录清晰，具有图表、关系图等；其Design Mode 让前端开发更加得心应手。
Cursor中内置的Agent 可以重塑你作为开发者的角色，你将成为任务的管理者，而非执行者。
比如，你可以让多个 agent 同时处理代码库的不同部分：当一个 agent 为认证流程补充测试时，另一个可以更新文档，第三个则在后台重构那个你一直想清理的杂乱工具文件。
3-Cursor 牛刀小试
1.安装Cursor：cursor.com/cn/download
Cursor 界面如下
2.建议购买Pro Plan，一般中小项目的开发 pro 就够用了，若不够用可以再升级到Pro+。
3.打开项目，此项目可以是空文件夹，也可以是已有项目。
4.在中间的输入框输入提示词，如：
less
请帮我生成一个常规个人主页，单页、响应式、现代简约风格，用 HTML + Tailwind CSS CDN + 原生 JS。包含：
顶部固定导航栏：首页、关于我、作品集、联系我；
英雄区（Hero）：头像（圆形）、姓名、一句话简介、社交图标（GitHub / 邮箱 / 微信）；
关于我：简短自我介绍、技能标签；
作品集：3 个卡片布局，图片占位、标题、简介；
联系我：邮箱、微信、留言表单（纯前端）；
页脚：版权信息；
平滑滚动、导航栏滚动变色、移动端汉堡菜单；
配色：主色 #2563eb，中性色白 / 浅灰 / 深灰；
所有代码放在 index.html 里，外部资源用 CDN，不要用 npm 包。5.打开项目文件，查看代码
6.在终端运行项目。
7.可以在Cursor 的browser 中输入项目的本地连接，查看效果
8.可以使用Design Mode，快速定位元素，修改元素。
效果如下：
虽然Ai可能把我说的"帅"理解成了"抽象"，但Design Mode 的功能没问题。
9.可以打开Editor Window，这样敲代码会更方便。
Editor Window的用法和vscode 是一样的。
总结
这一章我们对cursor进行了一个简单概述和实践，下一章我们会说Cursor 中的一些常用功能。