Cursor#

Cursor 是一款 ai 编辑器, 我个人感觉其 ai 体验比 VSCode 的 copilot 更好.

Cursor 完全 fork 自 VSCode 并对 VSCode 迁移进行了适配, 具体地, 你需要进行以下步骤:

安装软件#

你可以通过 Cursor 官网 下载安装包来安装软件. 如果是 MacOS, 你还可以用 brew install cursor 来直接安装.

启动时设置#

在软件启动时, 你可以对软件进行一些基础设置:

../../_images/%E5%90%AF%E5%8A%A8%E6%97%B6%E5%9F%BA%E7%A1%80%E8%AE%BE%E7%BD%AE.png

设置好基础甚至后, 软件将会询问你是否导入你的 VSCode 扩展、设置和快捷键等, 点击 Use Extensions 来导入:

../../_images/%E5%90%AF%E5%8A%A8%E6%97%B6%E8%AF%A2%E9%97%AEVSCode%E6%89%A9%E5%B1%95.png

导入完 VSCode 后, Cursor 会询问你是否愿意让它收集数据来改善软件, 按你的需要选择即可:

../../_images/%E5%90%AF%E5%8A%A8%E6%97%B6%E6%95%B0%E6%8D%AE%E5%81%8F%E5%A5%BD.png

然后 Cursor 需要你登录/注册账号, Cursor 允许免费账号询问 ai 250 次, 如果要有更多次数则需要付费 (或者创建新账号?).

../../_images/%E5%90%AF%E5%8A%A8%E6%97%B6%E7%99%BB%E5%BD%95%E6%B3%A8%E5%86%8C.png

具体怎么注册此处不进行解释.

为 Cursor 导入配置文件、恢复和 VSCode 一样的外观#

登录账号后, 我们会得到这样的界面:

../../_images/%E4%B8%BB%E7%95%8C%E9%9D%A2.png

我们通过 Ctrl-Shift-PCommand⌘-Shift-P 打开命令菜单, 输入 open profiles 以找到 Preferences: Open Profiles (UI) 以打开配置文件面板, 按照教程之前对 VSCode 那样导入并启用配置文件即可.

然后我们会得到如下侧边栏, 跟 VSCode 默认的样式不一样 (当然是指默认情况, VSCode 里也可以调成这种样式):

../../_images/%E4%BE%A7%E8%BE%B9%E6%A0%8F.png

要想恢复原来的样式, 我们可以通过 Ctrl-Shift-PCommand⌘-Shift-P 打开命令菜单, 输入 open vscode settings 以找到 Open VSCode Settings 以打开 VSCode 设置面板, 搜索 orientation, 然后将搜索到的选项从 horizontal 改为 vertical:

../../_images/%E8%AE%BE%E7%BD%AE%E4%BE%A7%E8%BE%B9%E6%A0%8F.png

设置后, Cursor 会需要重启, 点击重启即可 (可能需要手动重新开一下).

中文界面#

在重启之后, 你将会看到与 VSCode 差不多的界面, 但右上角多了一个 Cursor 自己的设置按钮.

这时候, 可能 Cursor 会变成中文, 也可能不会. 如果实在没变, 你可以去扩展重装中文插件再重启一下 Cursor:

../../_images/%E9%87%8D%E8%A3%85%E4%B8%AD%E6%96%87.png

agent 模式: 让 Cursor 自动修改你的代码、增删你的文件、帮你的前端代码打开浏览器调试……#

我们启用一些对应的选项:

../../_images/%E5%90%AF%E7%94%A8agent%E6%A8%A1%E5%BC%8F.png
../../_images/%E5%90%8C%E6%84%8F%E5%85%8D%E8%B4%A3%E5%A3%B0%E6%98%8E.png

配置好后, 我们通过 Ctrl-Shift-PCommand⌘-Shift-P 打开命令菜单, 输入 open chat 以找到 Cursor: Open Chat 以打开 Cursor 的 chat 面板, 在此即可设置模型等让 ai 为你写代码.

配置自定义 API#

我们从右上角的设置打开 Cursor 设置界面, 选择 Models, 关闭所有模型 然后添加/打开一个你所用自定义 API 支持的模型.

然后我们填写自定义 API 和 API Key, 然后点击 Verify, 如果成功, 则 OpenAI API Key 旁边会出现一个开关.

../../_images/%E8%87%AA%E5%AE%9A%E4%B9%89API.png