本文正在参加「金石计划」
最近有一个编码工具很火,名叫Cursor,它是基于GPT-4的并且目前是免费使用的一个情况。周末刚好有空也体验了一把,厉害,是真厉害,今天这篇文章就是关于我如何让Cursor来帮我写一个官网页面。cursor官网地址在这cursor.so
Cursor如何使用
打开Cursor,我们看到 Type Ctrl+K to generate.意思是让我们按Ctrl+K生成代码。我小试了一下,在输入框输入: 用ts写一个防抖函数,然后...它就真的给我写了一个防抖
生成的代码如下,同学们看看有没有错啊,应该是没毛病啊。牛批
function debounce(func: Function, delay: number) {
let timer: any;
return function (...args: any[]) {
clearTimeout(timer);
timer = setTimeout(() => {
func.apply(this, args);
}, delay);
};
}
用cursor写一个官网首页
输入指令:帮我写一个官网首页,包含导航栏,轮播产品列表,友情链接和footer,带好看样式,样式风格浅绿色
这个代码运行的效果如下:
真牛皮啊,轮播还给我写了个滚动条:
还有我不会的属性。学到了
如何优化Cursor生成的代码
当我们对Cursor生成的代码不满意时,我们可以选中要修改的代码,然后按Ctrl+K执行你的需求
效果如下:
我们要换成中文怎么做?
就跟玩似的,简单~效果如下
是不是下巴都要掉下来了?这么牛皮的吗!!
无限可能
其实Cursor拥有无限可能,只要你足够专业,它可以大大减少你写代码的时间,比如我想实现一个大文件断点续传,直接让我手写我可能一时半会真写不出来,就得去百度了,但是当你拥有了Cursor!一切就变得简单了:
- 帮你写好代码
- 不懂的可以帮你答疑 (Ctrl+L是和Cursor聊天,问他任何问题!)
还比如你不知道如何实现防抖节流,也可以交给Cursor帮你写:
要失业了吗
既然工具都这么厉害了,还要我们这些“废物”干嘛?其实任何时候都需要我们的,就算Cursor再聪明,也需要我们这些废物给它下命令呀!另外这么牛逼的工具应该不会一直免费使用的,趁着还免费,大家赶紧使用起来,把以前自己不会写的函数,不懂的样式实现,都交给Cursor去帮你写,保存起来,慢慢研习,让自己变得更专业好不啦。加油吧JYM~