Cursor AI 介绍
Cursor AI是一款结合了人工智能技术的代码编辑器!
可以说是专门帮助我们开发者打造的高效编写代码AI开发编辑器!
它具备智能代码补全、代码解释与重构建议、代码示例与片段推荐等功能，能够显著提升开发者的编码速度和代码质量
Cursor AI 下载、安装、登录
这里我以Windows系统为例，我们打开官网, 直接点击DOWNLOAD FOR WINDOWS进行下载即可!
如图
安装包也不是很大，下载好以后也就120MB左右
在安装之前我们可以先使用账号进行登录, 在首页点击SIGN IN进行登录, 使用谷歌和Github账户都可以!
没有账号的自行注册一下! 你懂的! 🤗🤗🤗
这里我使用Github进行登录!
如图
点击授权登录
如图
然后我们在网页端就可以跳转到用户管理界面了，在这里可以管理账单和进行设置!
注意 Cursor并不是完全免费的软件，但为新用户提供14天的免费试用期!
如图
我们在这里可以看到自己的使用情况, 这里显示了过去30天的使用情况!
当前我这个账号目前处于试用期，剩余天数未显示! 大家有条件的情况下也要支持一下正版!
然后我们点击安装包进行安装
安装过程就跟普通软件安装一样很简单,这里就不过多赘述了!
默认情况下会自动安装到C盘!
Cursor AI 启动与配置
安装完成之后，会自动开启Cursor，然后进行一些初始化的配置!
以下是提示我们进行设置键盘、AI语言等配置, 我们直接先点击Continue继续!
如图
然后提示我们从VS Code一键导入扩展、设置和快捷键，以便快速上手使用
当然如果你不想从 VS Code 导入扩展、设置和快捷键，可以选择 Start from Scratch（从头开始）
这样你就可以以全新的配置开始使用这个工具, 这里我们选择Start from Scratch
如图
然后是配置是否同意分享数据 帮助改进Cursor
默认选择为同意分享使用数据, 如聊天问题、代码片段、编辑记录等, 以帮助开发团队改进Cursor
右边则是暂时不分享数据, 选择这个选项意味着你暂时不分享数据，但可以在以后通过设置随时更改这个选择!
这里我们保持默认,点击左边绿色框框即可!
如图
配置好之后，我们一切就绪!
我们点击Log In进行登录
前面我已经说过了，如果你已经有账户,可以直接登录,没有就赶紧点击Sign Up去注册一下!
如图
点击Log In后会跳转到web端页面, 点击YES,LOG IN
如图
最后提示我们:All set! Feel free to return to Cursor，让我们回到Cursor编辑器
这时候我们就可以开始使用了!
如图
Cursor AI 编辑器的使用
我们可以先创建一个项目文件夹
首先我们在本地创建一个文件夹目录test5
例如
E:\demo\php-demo\test5
然后打开Cursor, 选择菜单栏File-->Add Folder to Workspace...
把我们新建的test5添加到工作目录,这个操作个跟在VSCode中操作是一样的!
如图
然后我们可以依次点击编辑器右上角的3个按钮，分别为:
Toggle Primary Side Bar(显示切换主侧边栏) 对应快捷键Ctrl + B
Toggle Panel(显示命令行控制台面板) 对应快捷键Ctrl + J
Toggle AI Panel(显示AI智能对话框面板) 对应快捷键Ctrl + Alt + B
把它们都打开!
如图
这个时候我们要注意右上角AI工作区有三个选项
CHAT是AI辅助编程工具，用于在编辑器中与AI对话解决编程问题
COMPOSER是项目理解和编辑工具，可帮助编写和编辑代码
BUG FINDER则是用于检测潜在问题，帮助开发者尽早修复代码问题的功能!
那我们现在就用普通的中文描述来进行编写一个网页效果, 让AI完全给我们自动开发出一个网站!
在这里我们主要先看COMPOSER,也可以使用快捷键Ctrl + i快速切换到这里!
然后直接输入你的需求, 比如这里我输入以下需求:
给我使用html+css3+javascript生成一个人程序员简历网站
需求提示词是非常重要的，对于我们开发者而言，把需求设计描述清晰才能更好的生成出你想要的效果!
实在不会写，那就请出你的ChatGPT吧! 你懂的!
注意:在我们输入提示的时候，下方可以选择模型!
在Cursor编辑器的CHAT、COMPOSER选项中，我们可以选择多种模型!
具体来说，在CHAT和相关的AI输入功能中，可以在AI输入框下方找到模型下拉菜单，从中选择合适的模型 比如GPT-4、Claude 3.5 Sonnet等
这些模型各具特色，有的擅长代码生成，有的则在代码理解和优化方面表现出色，开发者可以根据具体需求和任务复杂度来选择合适的模型!
那这里我们是要使用html+css3+javascript给我们自动生成一个程序员的个人简历网站!
我们在这里COMPOSER中选择Claude-3.5-Sonnet或GPT-4模型都可以!
最后点击submit提交
如图
这时候，自动生成好的网页文件就放到了我们创建的文件夹目录中，现在就可以预览我们生成好的网站页面了!
当然如果你觉得还不合适，还需要修改，或者添加东西，都可以再次继续在下面的COMPOSER对话框中输入你想要添加修改的需求并继续点击Submit提交，AI会自动帮我们修改,直到完美为止!
当代码生成完之后，最后一定要点击一下Accept all(接受所有)把生成好的代码全部应用上!
这时如果我们有服务端环境可以直接localhost进行查看!
或者把这里生成好的index.html文件的路径拷贝到浏览器地址栏中进行预览,最后我们看看效果吧!
如图
怎么样 我就花费了一分钟一个网页就完成了! 这编码能力还得了! 简直是逆天啊~~
我们平常开发也可以使用Cursor AI来进行处理
只要按照上面的方式吧项目导入其中，就可以使用AI帮我们进行修改了! 是不是很方便! 嘿嘿嘿!
另外如果你不喜欢英文界面，可以安装汉化插件，直接在插件市场中搜索中文关键字，安装就可以了！
如图
安装过程跟VSCode差不多，这里就不再演示了！~
最后
怎么样Cursor AI是不是给你带来全新的编程体验？虽然不是免费的，但这款开发IDE确实是值得你拥有!
