一、网站制作准备工作

首先，码叔找了一个参考的竞品网站，用谷歌浏览器的截图插件，把竞品网站的页面截图，一个简单的企业网站一般4个页面搞定：1、首页 2、文章列表页面 3、文章详情页面 4、搜索页面，把这4个页面的截图先保存，等会会用到。

二、从零了解Cursor

1、Cursor是什么？

Cursor 是一款基于人工智能的代码编辑器，创建了一个集成开发环境 （IDE）。旨在帮助开发人员编写代码，并与 AI 进行实时互动，提供代码建议、错误检测和自动补全功能。
与传统编程工具相比，Cursor 最大的特点是将 AI 技术深度嵌入到编辑器的各个功能点中。这种深度集成使 AI 功能不再是简单的附加组件，而是成为编辑器的核心部分，为用户提供更自然、更高效的编程体验。

2、Cursor 的优势

相较于 GitHub Copilot 等其他 AI 编程助手，Cursor 的优势主要体现在以下几个方面：

1.多模型支持

Cursor 提供多个 AI 模型供用户选择，并允许用户对 AI 进行个性化调整，以匹配自己的编程风格和偏好。
最近一段时间 cursor 的翻红，尤其是近期接入 claude sonnet 3.5 后，生成的代码质量和成功率大大提高了。

2.基于整个代码库的智能提示

不同于传统工具仅基于当前文件进行代码补全，Cursor 能够分析整个项目的代码库，提供更加精准的智能提示。

3.实时代码分析与修复

Cursor 能够实时分析代码，识别错误并给出修复建议，大大提高了代码的准确性和开发速度。

4.高级 AI 对话功能

用户可以通过自然语言与 AI 助手进行对话，询问编程相关问题或要求执行特定任务，这极大地提升了代码重构、优化和理解的体验。

5.Tab 光标位置预测和多行编辑

Cursor 能够智能预测用户下一步可能修改的位置，使代码浏览更加流畅。同时，它的多行编辑功能允许一次性对多行代码进行修改建议，这在进行大规模代码格式调整时特别有用。

6.隐私和安全性

考虑到代码安全的重要性，Cursor 提供了隐私模式，并已通过 SOC2 认证。用户可以选择不在服务器上存储代码，从而增强数据的安全性。

三、安装Cursor

….