资源介绍
视频数量：35个
总时长：2小时0分
课程介绍：
Cursor智能编程实战
屏幕上只剩一行报错，开发任务却还排着长队。改样式、补功能、排查旧项目，传统方式往往要在多个文件之间来回翻找。现在，一个清晰的指令就能让AI理解你的意图，甚至直接修改代码，但前提是你会描述需求，也看得懂它做出的改变。
这套2小时课程围绕Cursor展开，从工具认知和基础配置出发，依次完成通知组件开发、现有项目改造以及知识库项目搭建。35个视频都配有中文字幕，既讲清AI协作的思路，也通过真实操作展示如何把想法变成可以运行的页面。
一、认识Cursor与AI编程模式：
开篇先解释Cursor是什么，以及它与普通代码编辑器之间的区别。课程不会把AI包装成无需理解代码的自动按钮，而是强调结构清楚的提示词、扎实的开发知识和准确的结果检查，依然是完成开发工作的关键。
你会了解Cursor的基本定位、不同工作模式及其适用场景。需要让AI直接修改项目时，可以采用代理模式；只想询问问题、分析代码或理解实现逻辑时，可以切换到询问模式。课程还会介绍如何把高层需求交给Cursor处理多个文件，以及如何将工作范围限制在特定文件或某段应用中，避免AI因为扫描范围过大而引入多余修改。
安装、初始化和界面巡览部分，会带你完成开发环境设置，认识编辑器、聊天面板、代码生成区域和文件视图。Cursor Rules，也就是项目规则，是本段的重点。你会看到怎样把技术栈、代码规范、组件使用方式和项目约定写进规则，让Cursor持续按照同一套标准工作。
随后，课程对比不同AI模型的结果差异，并介绍免费版、专业版、专业增强版、超级版、团队版和企业版的功能与使用限制。选择套餐时不必只看额度，还要结合可用模型、使用频率和协作规模判断。
二、从零制作通知构建器：
第一个完整项目是一个通知构建器。课程从创建并打开项目开始，搭建页面主体结构，再逐步完成标题居中、图标处理、副标题保留或删除、整体宽度控制等视觉调整。
这里会展示两种常见协作方式。第一种是直接向Cursor发送完整需求，让它扫描应用并执行修改，适合结构清晰、涉及范围较大的任务。第二种是选中局部代码后使用快速编辑，只说明眼前这一处需要怎样改变，适合标题位置、间距、颜色等小调整。这样既能发挥AI效率，也能减少不必要的文件改动。
页面布局部分，你会把原本贴近浏览器边缘的内容放进居中容器，通过最大宽度、左右留白和响应式规则，让应用在大屏上保持聚合，在小屏上也不会拥挤。随后依次加入背景色、文字色、位置调整、显示关闭按钮和图标等选项，使通知组件具备更完整的配置能力。
最后是触发通知功能、参数配置和配置代码复制。完成这些步骤后，你得到的不是一个只能看的静态页面，而是一个可以设置样式、触发通知并输出配置代码的实用工具。课程中还会讲解如何检查AI生成的改动、刷新页面验证结果，并在效果不符合预期时继续通过提示修正。
三、改造已有课程展示项目：
第二个项目更贴近日常工作：接手一个已经存在、结构略显陈旧的课程页面，在尽量保留原有逻辑的前提下完成界面升级。
课程先梳理项目结构和运行方式，再设置字体族，让页面文字风格统一。接着构建网格布局，使课程卡片排列更加整齐；加入分类筛选，让用户可以按类别查找内容；统一课程价格的显示格式，避免卡片之间出现视觉上的不一致。
交互部分会加入卡片悬停阴影，让用户更容易识别当前聚焦的对象。首屏区域的数据统计也会重新设计，使重点信息层次更清楚。导航栏将升级为固定在页面顶部的形式，并补充相关链接，方便用户在较长页面中持续移动。
项目改造并不止于“看起来更好”。课程还会修复图片替代文本，完善无障碍信息；通过CSS规则统一间距与细节；调整“查看课程”按钮的位置，让视觉重心更加稳定。每一步都可以看作一个真实开发任务：先指出问题，再让Cursor给出修改，最后回到浏览器验证。
四、搭建知识库项目：
最后一个项目用于建立可持续复用的知识库工作流。课程会创建Next.js项目，并进一步配置Cursor Rules和Shadcn UI规则，让项目从一开始就具备清晰的技术边界和界面规范。
Always Apply规则是这一部分的关键。你将学会把某些要求设置为始终生效，例如统一组件写法、界面风格和代码约定。这样一来，AI不必在每次对话中重复接收相同要求，也能减少生成结果前后不一致的问题。这个思路可以迁移到任何团队或个人项目中。
这门课程适合想提高前端开发效率的程序员、刚接触AI辅助编程的学习者，以及希望减少重复改版和界面调整工作的项目维护者。你不需要已经熟练掌握Cursor，但最好具备HTML、CSS、JavaScript、React或Next.js中的基础认知。课程共35个视频，总时长2小时，每一节都配有中文字幕，适合按顺序跟练，也适合作为日常开发中的快捷参考。