【cursor教程2】给0代码基础小白的Cursor使用教程

717 阅读2分钟

AI 对话式编程是一次革命性突破,让编程变得像日常对话般,和 AI 对话即可实现编程,降低了编程门槛,对新手很有帮助。

本文主要介绍Cursor功能界面,使用方法,以及常用命令,最后用一个前端项目案例结束本文。安装配置可以参考【教程1】Cursor安装配置,功能讲解,白嫖方案

  • cursor界面介绍
  • 必备插件
  • 常用命令
  • Cursor AI功能介绍
  • 简单案例

cursor界面介绍

5大功能区

  1. 功能区: 文件目录、搜索、代码管理(git)、插件
  2. 文件目录区
  3. 代码编辑区
  4. cursor AI功能区
  5. 面板控制区(目录面板 / 底部面板 /  AI对话面板)

图片

必备插件

下面3个插件强烈建议你安装。

图片

图片

图片

1. chinese中文插件

2. Material Icon Theme 强烈建议安装,安装之后,目录变得很好看。

图片

3. Terminal

这个必须安装,可以在编辑器直接打开命令行窗口。可以直接在这里执行命令。****

图片

常用命令

  1. 搜索打开文件 Command + P (window: Ctrl + P)

图片

  1. 超级命令 Command+Shift+P (windows: Ctrl + Shift + P) 

可以搜索执行编辑器上所有的命令,打开配置等。

图片

Cursor AI功能介绍

这个第一篇说过,看过的可以跳过了。 

  1. Command + I  (windows: Ctrl + I) 打开窗口,新建项目时,可以直接通过对话的方式进行。

图片

  1. Command + L   (windows: Ctrl + L) 文件级代码修改,会根据上下文 ,修改文件内的代码。

图片

  1. Tab代码补全 

当你输入代码时,会预判你要输入的内容,给出提示,按tab生效。

图片

简单案例

  1. 搭建一个前端项目

图片

  1. 根据提示执行命令

图片

  1. 执行启动命令

图片

点击链接打开浏览器就可以访问了。

图片

**
**

恭喜你🎉,创建了一个项目。

  1. 修改文件

例如想要修改页面标题。输入:把页面的标题换成 hello world

图片

Cursor的出现极大的降低了编程的门槛,以前从初级开发到中高级,可能需要3-5年。但是未来,感觉1年就可以完成从新手到中级的蜕变。

AI的出现,肯定会极大的提高人的学习效率,改变传统的编程方式。以后人人都是架构师,主要工作可能是去设计系统,搭建架构,让AI完成大量且繁杂的编码工作。

⭐往期干货:

【教程】Cursor安装配置+功能讲解+白嫖方案

END

本文首发于公众号:柒崽TT

我是柒崽,7年前端开发,分享前端干货,职场经验,实用AI技巧。

关注我,一起前行。