×

Cursor 开发之旅(持续更新)

Falcon 2024-09-01 views:
摘要

正在生成中……

最近 Cursor 编辑器很火,Cloudflare 公司副总裁发了一个他8岁的女儿使用 Cursor 在45分钟之内创建一个聊天机器人应用 的视频,ChatGPT的前CTO也试用Cursor 后也大为惊喜。声称自己已经实现了半编码状态。许多从来没有过编程经验的普通人也借助Cursor 写出了自己人生中的第一个 Chrome插件,第一个网站,等等。

我最近也切换到了这个编辑器,这真是个疯狂的编辑器,对普通人有用,对程序员更是如虎添翼,有一种错觉,觉得自己可以用任何技术栈,构建任何应用,我在用这个编辑器写一个笔记应用,用了REACT 和 CloudFlare Pages ,我其实对这两者只是了解的水平,但并不妨碍我写代码, 已经初见雏形了,昨晚还完成了Github 登录。下一步是数据保存到Cloudflare, KV 保存用户状态 ,D1 保存用户数据,图片存R2。

这里来记录一下我使用Cursor的设置和开发经历,准备持续更新。

为了符合我的使用习惯,调整几个设置。

修改左侧栏icon的显示方向

VSCode 里一直是垂直显示的, 虽然我把VScode的设置也导入了Cursor ,不过它却是水平显示的。如图:

修改方式是打开编辑器的设置(Command+,) 找到Activity Bar,设置水平或垂直,对,这玩意叫Activity Bar,我以前一直都不知道。

修改后会要求重启编辑器。不过我又发现水平也挺好,占用地方小,于是我又改回来了😂。

移除Cursor 启动时访问其他App 的数据的警告。

这个问题在 macOS Sonoma 出现,增强了应用沙箱相关的隐私保护,如果尝试访问与其他应用程序关联的沙盒容器,操作系统会在每次使用时要求用户授予权限。

解决方法是:

  1. 将项目文件移动至用户目录下
  2. 如果仍然有提示,打开 MacOS 系统设置中,点击系统偏好设置->安全性与隐私,在左侧列表中找到完全磁盘访问权限,打开 Cursor 右边的勾选。

不止是Cursor有这个问题,其他App也有可能有这个弹窗,都是类似的设置。

技巧1:让Cursor自动创建新项目的必需文件

打开空白项目时,Cursor 不会显示左侧栏,这时按快捷键 command + b 快速打开侧栏,在文件管理器里,新建或打开一个目录。就可以开始项目的开发了。

这时再按Command+i打开Composer,写入你的需求,它会自动创建项目的文件。如图 注意:要在这个迷你的浮动面板编辑,我测试过如果打开那个大的面板(command+shift+i),它就不创建了,只是提供代码,不会在项目创建文件,不知道是什么情况。

技巧2: 在不熟悉的代码,运行报错或者比较复杂的逻辑时,要求ai设置更多的调试代码。

如遇到错误后回复

Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.请解决这个问题。并且在代码中尽可能多的设置调试代码,以帮助我更好的发现问题出在哪里。

使用cursor 遇到代码报错时

1. 直接贴错误信息

can you help this …

2. 加日志debug

can you add a bunch of logging to help us debug.

3. 然后把日志信息贴给它

here are the logs

技巧3: 多使用比喻与类比:让AI更好地理解你的意图

在使用AI编码时,我发现比喻或者类比非常重要,特别是对于一些难以描述的流程。比如,你可以告诉AI:“你是否可以让这个网页看上去更像一般的搜索主页,比如谷歌?” 或者“你是否可以把这些列表做得像微信朋友圈里的动态?”这样的描述方式能让AI更好地理解你的意图,从而生成更符合你需求的代码。

不然要把整个界面描述一遍,比如类搜索页:只能描述成一个容器,在页面居中显示,元素垂直居中对齐,上面是logo,中间是一个输入框,再下面一个提交按钮,用户点击按钮后将输入框的内容发送到api 巴拉巴拉,太麻烦,而且有时候描述也不一定是全面的,简单的ui还可以,但复杂的操作的逻辑就很难描述得那么具体。 比如朋友圈里的点击图片打开大图的逻辑,点击放大,全屏,左右箭头,上一张下一张按钮,可拖拽切换上下一张,下拉退出图片查看,默认隐藏文字,点击图片下文显示文字,再点击图片隐藏文字,可以点赞,评论。

不如先给它个类比,看看它做出什么样的结果,再根据结果修正。

我一直觉得,模仿是创造的开始。集各家所长便是创新。这种观点,在艺术圈里很常见。

Good artists copy, great artists steal.

技巧3: 一种新的提问方式,使用“标准、规范”

比如“生成符合 OpenAPI 规范的配置和前端请求客户端”

技巧4:指定技术栈

可以指定技术栈给cursor,比如可以让cursor用指定技术栈创建一个api。

can you make an API about todo list by using Hono ,cloudflare worker KV and D1.

本文收录于