前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >cursor安装使用教程,2025小白保姆级教程

cursor安装使用教程,2025小白保姆级教程

原创
作者头像
小渔夫
修改2025-01-08 11:37:36
修改2025-01-08 11:37:36
3.5K0
举报
文章被收录于专栏:探索发现探索发现

使用了半个月cursor,真的是太牛了,不写一行代码,AI把我的工作全做了

今天就给大家分享一下cursor的使用教程

一、下载安装

下载

图片
图片

安装注册

点击安装,这里以windows电脑为例

cursor是一个基于VS code的代码编辑器,所以VS code可以无缝衔接

首次安装完成后会提示让你进行一些基础的配置

图片
图片

如果首次使用,需先注册进行注册

图片
图片

使用教程

配置插件

Cursor默认是英文,跟VS code一样需要使用中文插件

图片
图片

使用教程

使用cursor帮我们从0到1创建一个新项

1.新建一个项目

首先我们需要新建一个空的文件:点击 Open a folder

图片
图片
图片
图片

项目文件创建好后,点击 ctrl+L 或者点击右上角的面板按钮

图片
图片

就可以看到再右侧出现一个对话框

Cursor 提供了两种人机对话方式。一种是 Chat,它与 ChatGPT 之类的工具差别不大;另一种则是强大的 composer。

Chat是可以进行对话,而composer不仅能对话还能根据我们的命令创建文件修改代码

接下来我们就用 composer 功能,不写一行代码生成一个能运行的项目

2.对话生成代码

输入提示:在此目录下,给我生成一个可运行的vue3+ts的项目,不要生成多余的文件和代码

图片
图片

可以看到代码和文件都生成好了

图片
图片

点击 Accept all 接受全部的文件和修改,然后按照提示进行运行

在开发的过程中肯定出现bug,遇到bug时也可以全部丢给ai进行解决

3.对话解决问题

在对话框里给出命令,可以看到文件和代码会自动生成,并且右边也可以执行npm install等命令

执行npm run dev运行命令

图片
图片

有可能会出现问题,此时后就可以把出现问题的提示信息添加到对话框里,让他自己解决

图片
图片

可以看到ai找出了问题并且已经解决了,点击接受全部

图片
图片

问题解决了,并且成功运行,但是打开网页出现了问题

图片
图片

此时可以截图给ai让他解决

图片
图片

cursor有一个月的免费试用期

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、下载安装
    • 下载
    • 安装注册
  • 使用教程
    • 配置插件
    • 使用教程
      • 1.新建一个项目
      • 2.对话生成代码
      • 3.对话解决问题
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档