读书笔记《用Cursor玩转AI辅助编程--不写代码也能做软件开发》-2026年第4本书
Cursor是一款革命性的AI驱动的代码编辑器,将AI与现代编辑器的功能完美结合。作为新一代的开发工具,Cursor不仅是一个简单的代码编辑器,还是开发者的智能助手。它的诞生标志着软件开发行业进入了一个新的时代——AI辅助编程时代。Cursor项目初探:个人作品集网站
开发环境搭建
我们需要做的项目是个人作品集网站。因为这是一个简单的单页面网站,运行环境非常简单,所以只需要一个浏览器即可。我们将全程使用Cursor来开发这个项目。首先,我们需要做以下准备工作。- 安装Cursor:从官方网站下载并安装最新版本的Cursor。
- 安装浏览器:建议使用Chrome或Firefox等现代浏览器进行开发和测试。
- 安装版本控制系统:确保系统已安装Git,用于代码版本管理。
- ESLint:用于JavaScript代码质量检查。Cursor的安装就不演示了,前面介绍过。下面演示Git和Cursor扩展程序的安装。
1.安装Git
首先,我们需要安装版本控制系统Git。访问Git官方网站,下载并安装适合你的操作系统的最新版本的Git。Git是一个分布式版本控制系统,能够跟踪和记录项目文件的变化。通过Git,开发者可以追踪代码修改历史,协同开发项目,管理不同版本的代码,在需要时回退到之前的版本。2.安装Cursor扩展程序
- 搜索扩展程序:在搜索框中输入“Live Server”、“Prettier”或“ESLint”。(3)安装扩展程序:单击对应扩展程序的安装按钮。
- 配置扩展程序:根据需要调整扩展程序的设置选项。安装完成后,需要重启Cursor以使某些扩展程序生效。你可以在扩展程序设置中查看每个扩展程序的具体设置选项,根据项目需求进行个性化设置。这些工具将帮助我们提高开发效率,确保代码质量。
项目初始化
在完成环境准备工作后,我们需要初始化项目。首先,创建一个新的项目文件夹portfolio并使用Git进行版本控制初始化。文件结构初始化
下面是见证奇迹的时刻,我们现在只有一个空的文件夹,什么文件都没有。我们将通过对话的方式,让Cursor自动创建核心文件。想要与Cursor对话,我们只需要打开AI对话区,或者使用快捷键“Command+I”(macOS系统)或“Ctrl+I”(Windows系统)。通过这种方式,我们可以让 Cursor帮助我们完成各种编程任务,比如生成代码结构、编写函数等。你可以用自然语言与Cursor交流,询问编程相关问题,请求获取代码解释,或者寻求编程建议。它就像一个随时待命的编程导师,可以帮助你解决开发过程中遇到的各种问题。这是一个强大的代码生成工具。你可以通过自然语言描述你想要实现的功能,它会为你生成相应的代码。它不仅能生成单个函数,还能创建完整的代码文件和项目结构,对于快速开发原型或者处理重复性的编码任务特别有用。这是一个智能的代码分析工具,能够帮助你发现代码中的潜在问题和Bug。你可以让它检查特定的代码片段,它会指出可能存在的问题,并提供修复建议。这个功能对于代码审查和质量保证特别有帮助。“COMPOSER”面板的agent模式先单击AI对话区右下方的“Accept all”选项,接受Cursor做出的全部修改。然后,单击AI对话区顶部的加号图标,开启新一轮对话,经过提示词的努力,我们已经完成了个人作品集网站项目的基础部分。虽然核心的作品展示功能已经实现,但还有许多值得细化和充实的地方。Cursor项目进阶:销售数据分析(后端Python部分)
本项目名为SalesAnalyzer。它是一个基于Python开发的销售数据分析系统,旨在高效处理和分析销售数据。该系统通过读取CSV文件中的销售数据,使用Pandas库进行数据清洗、汇总和统计,自动计算各产品及区域的销售总额。同时,我还设计了一套规则体系,能根据统计结果匹配合适的促销策略与优惠折扣,为制定营销方案提供决策支持。我计划将SalesAnalyzer设计为前后端分离的项目,后端专注于业务逻辑处理,前端负责数据可视化展示。前端页面将采用Vue.js框架开发,结合图表库展示各类销售数据分析结果。通过直观的图表和数据面板,用户可以快速掌握销售趋势和关键指标。本项目使用FastAPI框架构建RESTfulAPI,提供销售概况、产品详情、区域销售汇总和智能折扣建议等多个数据查询API。项目架构清晰地分为数据处理层、业务逻辑层和API层,便于后期扩展和维护。SalesAnalyzer不仅能清晰地展示销售数据,还展现了数据处理、业务逻辑和Web API的完美结合。这个系统也是Cursor自动生成代码在实际项目中应用的典范。至于Pandas、FastAPI这些Python框架,我也只是听说过,从未实际使用过。前端的Vue.js框架就更没用过。不过,有了Cursor这个强大的AI辅助编程助手,我完全不用担心这些技术栈的问题。通过与Cursor的对话交互,我可以快速学习和掌握这些框架的使用方法。这种边学边做的方式不仅帮助我快速完成项目开发,还能让我在实践中积累宝贵的经验。首先,我们来实现这个项目的后端部分。我们将使用Python和FastAPI框架来构建一个强大的RESTful API服务。高效沟通的技巧在与Cursor进行有效沟通时,以下几点技巧尤为重要。- 明确描述需求在向Cursor描述需求时,应该尽可能具体和清晰,需要详细说明项目背景和目标,明确指出使用的技术栈和框架版本,提供具体的功能描述和预期结果,说明性能要求和限制条件。
- 分步骤引导需要将复杂的开发任务分解为多个小步骤,逐步引导Cursor完成:先让Cursor生成基础框架,然后逐步添加具体功能,最后进行优化和完善。
- 提供上下文信息在请求帮助时,需要提供以下必要的上下文信息:相关代码片段、错误信息、已尝试过的解决方案、项目的具体约束条件。
- 迭代优化需要通过持续地对话来优化代码:对生成的代码进行审查、提出具体的修改建议、要求Cursor解释关键逻辑、循序渐进地完善功能。5.有效反馈需要为Cursor提供以下清晰的反馈意见:指出代码中的具体问题、说明期望的修改方向、确认是否满足需求、提供实际运行结果。掌握这些沟通技巧,能够显著提高与Cursor协作的效率,获得更好的开发体验。在实际项目开发中,良好的沟通不仅能帮助我们更快地获得所需的代码,还能确保生成的代码更符合项目需求。
项目结构
首先,我们需要创建一个清晰的项目结构,这里包含了各个包、组件,以及用到的Python框架、技术选型。但是我对Python的数据分析框架和Web框架不熟悉。这时,我们可以询问Cursor,让它来推荐。我们在AI对话区打开“CHAT”面板,然后告诉Cursor我们想要做什么事情,提示词如下。可以看到,Cursor很快就给出了技术方案和开发步骤。CHAT”面板提供了一种交互式、多轮对话场景。与“COMPOSER”面板最大的不同是,在“CHAT”面板中,Cursor不会修改任何代码,而是预演可能需要修改什么文件、可能需要用到什么技术等,所以在使用“CHAT”面板时,我们完全不必有任何负担。你可以把它当成一个结伴编程的老大哥,有啥不懂的,或者觉得不合适的地方都可以对它说。比如,它希望我们用到PostgreSQL和Docker这两项技术。我本人觉得没必要,因为我暂时只想让这个项目在本地电脑运行,而且我的本地电脑已经安装了MySQL数据库,我希望它可以沿用。现在,我对它提要求,让它按照我的想法来改。提示词如下:Cursor很快就做出了调整。从它的回应中可以看到,Cursor不仅能够理解我们的需求变更,还能够灵活地调整建议,这正是Cursor最宝贵的特质之一。以下内容是我截取的对话原文。修改配置信息前面已经提到,我在本地电脑已经安装了MySQL数据库。现在,我需要做的就是告诉Cursor我的真实的MySQL用户名和密码,让它来修改连接信息。我可以这样对Cursor说,提示词如下。接下来,我们应用Cursor的修改。打开MySQL数据库管理软件Navicat,新建一个名为“sales_analysis”的数据库。后端项目的运行需要Python环境。我们先从Python官网下载并安装Python。我们将光标悬浮于“Downloads”菜单上,就可以看到适合本机系统的下载按钮了。将Python下载到本地,然后跟随安装指引进行安装即可。在安装完毕后,我们需要在控制台查看Python的安装情况,就证明已经安装成功了。这里分享一个小技巧。我下载完Python并安装后打开控制台,一开始输入的是“python”,但是系统提示找不到这个命令。接下来,我直接把这段系统提示信息输入Cursor。注意:我此时打开的是“COMPOSER”面板,并且使用的是agent模式。所示为Cursor的输出内容。这种学编程,改Bug的体验真的太爽了。Cursor项目进阶:销售数据分析(前端Vue.js框架部分)在本章中,我们将探讨如何使用Vue.js框架构建销售数据分析系统的前端页面。我们将重点关注如何利用Cursor加速Vue.js框架的组件开发,并实现流畅的用户交互体验。通过结合Vue.js框架的响应式特性和Cursor的智能辅助功能,我们将打造一个既美观又实用的Web应用页面。前置工作
在开始编写代码之前,我们需要做一些准备工作。首先,要确保本地开发环境已经就绪,包括安装了Vue.js框架所需的工具和软件。同时,我们还需要充分理解项目的基本需求和技术架构。前端项目主要包含以下几个关键部分。- 响应式布局:确保在各种设备上实现良好的显示效果。我们将采用Vue.js作为主要的前端框架。对于用户页面和数据可视化框架,我们让Cursor做出合适的选择。
创建前端项目
说实话,我对Vue.js框架不太熟悉,甚至对当今的主流前端框架都知之甚少。我之所以会使用Vue.js框架,是因为询问了身边几个做前端开发的朋友,他们推荐我使用Vue.js框架来做这次前端项目的技术框架,因为他们觉得这样对你更有参考价值。虽然我不了解这些技术框架,但这正是Cursor能够发挥重要作用的地方。通过Cursor的智能辅助,我们可以更快地理解Vue.js框架的核心概念和最佳实践,而且Cursor能够帮助我们生成符合Vue.js框架规范的代码模板,大大降低了学习门槛。与后端项目一样,我们还是先在“CHAT”面板中得到生成整个项目的步骤和细节。到这里,整个销售数据分析项目就全部完成了。这是一个前后端分离的项目,后端用的是Python,前端用的是Vue.js。我在实现这个项目的过程中,没有写一行代码,代码都是通过提示词让Cursor生成的。虽然在此期间Cursor产生了一些Bug,或者代码还不够完善,但是最终看起来Cursor表现得相当出色。它不仅能够准确地理解我们的需求,快速生成符合要求的代码,而且在遇到问题时能够进行有效的调试和优化。通过这个项目,我们可以看到AI辅助编程确实能够大大提高开发效率,让开发者将更多精力集中在业务逻辑和创造性工作上。- 分步骤提出需求对于复杂的功能,最好先用“CHAT”面板将其拆分成多个小功能,再逐步在“COMPOSER”面板中提出要求。这样不仅能让Cursor更好地理解和处理每个部分,还便于我们进行调试和修改。
- 提供上下文信息在反馈问题时,要提供足够的上下文信息,比如相关的代码片段、报错信息、页面截图等。这些信息能帮助Cursor更准确地定位和解决问题。我们介绍了几种引用上下文的方式,比如使用@Notepads可以引用当前项目笔记,使用@Codebase可以引用当前代码库,使用@Docs可以引用项目级别的文档。这些引用上下文的方式可以让Cursor更好地理解我们的需求背景。提供具体的报错信息和截图也能帮助Cursor更快地定位问题所在。
- 及时验证和反馈在每完成一个功能模块后,都要及时进行验证。如果发现问题,就要立即向Cursor反馈,并提供具体的问题描述和期望的结果。
- 保持代码风格和架构的一致性在提出需求时,要注意保持代码风格和架构的一致性。这样可以避免生成的代码与现有的代码产生冲突或不协调。
- 善用版本控制在进行重大修改前,最好先保存当前的代码版本。这样,如果生成的代码不理想,那么可以方便地回退到之前的版本。在“COMPOSER”面板中也提供了restore(恢复)功能,方便回退到上一个代码版本。
- 理解并学习生成的代码虽然代码是由Cursor生成的,但是作为开发者,我们仍然需要理解这些代码的工作原理,这样才能更好地维护和优化系统。
通过遵循这些原则,我们可以更好地利用Cursor这样的AI辅助编程助手,提高开发效率,同时保证代码的质量和可维护性。在实际的开发过程中,我们需要将Cursor视为一个强大的助手,而不是完全依赖它。开发者仍然需要发挥自己的专业判断力和创造力,确保最终产品满足业务需求和技术标准。