摘要
正在生成中……
最近 Cursor
编辑器很火,Cloudflare
公司副总裁发了一个他8岁的女儿使用 Cursor
在45分钟之内创建一个聊天机器人应用 的视频,ChatGPT
的前CTO也试用Cursor
后也大为惊喜。声称自己已经实现了半编码
状态。许多从来没有过编程经验的普通人也借助Cursor
写出了自己人生中的第一个 Chrome插件
,第一个网站,等等。
我最近也切换到了这个编辑器,这真是个疯狂的编辑器,对普通人有用,对程序员更是如虎添翼,有一种错觉,觉得自己可以用任何技术栈,构建任何应用,我在用这个编辑器写一个笔记应用,用了REACT 和 CloudFlare Pages ,我其实对这两者只是了解的水平,但并不妨碍我写代码, 已经初见雏形了,昨晚还完成了Github 登录。下一步是数据保存到Cloudflare, KV 保存用户状态 ,D1 保存用户数据,图片存R2。
个人使用 Cursor
开发的一些项目(持续更新):
1. cf-next-todo (完成)
使用Next.js
+ Cloudflare
驱动的现代待办事项应用,支持用户认证和数据同步
2. GeoNotes - 基于地理位置的笔记小程序(开发中)
这里来记录一下我使用Cursor
的设置和开发经历,准备持续更新。
为了符合我的使用习惯,调整几个设置。
修改左侧栏icon的显示方向
在 VSCode
里一直是垂直显示的,
虽然我把VScode
的设置也导入了Cursor ,不过它却是水平显示的。如图:
修改方式是打开编辑器
的设置(Command+,
) 找到Activity Bar
,设置水平或垂直,对,这玩意叫Activity Bar
,我以前一直都不知道。
修改后会要求重启编辑器。不过我又发现水平也挺好,占用地方小,于是我又改回来了😂。
移除Cursor 启动时访问其他App 的数据的警告。
这个问题在 macOS Sonoma
出现,增强了应用沙箱相关的隐私保护,如果尝试访问与其他应用程序关联的沙盒容器,操作系统会在每次使用时要求用户授予权限。
解决方法是:
- 将项目文件移动至用户目录下
- 如果仍然有提示,打开
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.