当有一个听话的“小弟”帮你写代码 —— AI编码工具Cursor初体验

6,791 阅读2分钟

本文正在参加「金石计划」

最近有一个编码工具很火,名叫Cursor,它是基于GPT-4的并且目前是免费使用的一个情况。周末刚好有空也体验了一把,厉害,是真厉害,今天这篇文章就是关于我如何让Cursor来帮我写一个官网页面。cursor官网地址在这cursor.so

image.png

Cursor如何使用

打开Cursor,我们看到 Type Ctrl+K to generate.意思是让我们按Ctrl+K生成代码。我小试了一下,在输入框输入: 用ts写一个防抖函数,然后...它就真的给我写了一个防抖

de1.gif 生成的代码如下,同学们看看有没有错啊,应该是没毛病啊。牛批

function debounce(func: Function, delay: number) {
  let timer: any;
  return function (...args: any[]) {
    clearTimeout(timer);
    timer = setTimeout(() => {
      func.apply(this, args);
    }, delay);
  };
}

用cursor写一个官网首页

输入指令:帮我写一个官网首页,包含导航栏,轮播产品列表,友情链接和footer,带好看样式,样式风格浅绿色

dew.gif

这个代码运行的效果如下:

image.png 真牛皮啊,轮播还给我写了个滚动条:

image.png

还有我不会的属性。学到了

如何优化Cursor生成的代码

当我们对Cursor生成的代码不满意时,我们可以选中要修改的代码,然后按Ctrl+K执行你的需求

dew2.gif

效果如下:

image.png

我们要换成中文怎么做?

dew23.gif 就跟玩似的,简单~效果如下 image.png 是不是下巴都要掉下来了?这么牛皮的吗!!

无限可能

其实Cursor拥有无限可能,只要你足够专业,它可以大大减少你写代码的时间,比如我想实现一个大文件断点续传,直接让我手写我可能一时半会真写不出来,就得去百度了,但是当你拥有了Cursor!一切就变得简单了:

  • 帮你写好代码
  • 不懂的可以帮你答疑 (Ctrl+L是和Cursor聊天,问他任何问题!)

image.png

还比如你不知道如何实现防抖节流,也可以交给Cursor帮你写:

dew232.gif

要失业了吗

既然工具都这么厉害了,还要我们这些“废物”干嘛?其实任何时候都需要我们的,就算Cursor再聪明,也需要我们这些废物给它下命令呀!另外这么牛逼的工具应该不会一直免费使用的,趁着还免费,大家赶紧使用起来,把以前自己不会写的函数,不懂的样式实现,都交给Cursor去帮你写,保存起来,慢慢研习,让自己变得更专业好不啦。加油吧JYM~