使用Cursor和Claude AI打造你的第一个App

大家好,使用Cursor和Claude AI打造应用程序是一个结合智能代码辅助和人工智能对话的创新过程。Cursor是一个编程辅助工具,它通过智能代码补全、聊天式AI对话和代码生成等功能,帮助开发者提高编程效率。Claude AI则是一个强大的人工智能平台,它通过模拟人类在电脑上的操作,能够完成复杂的任务,并且可以与其他系统集成,支持多种应用场景。

1.Cursor简介

Cursor是一款人工智能代码编辑器,基于Visual Studio Code开发,具备无缝集成的AI功能。它支持多种人工智能模型,能够与OpenAI、Anthropic、Google和Azure等主流平台实现集成。

在实际使用中,Cursor与Claude 3.5模型的配合效果尤为理想,这一模型被成功应用于应用程序的开发过程中。

图片

2.开始使用 Cursor

首先,需要在设备上安装 Cursor。安装完成后,创建账户并登录。登录后可以创建一个新的文件夹,从头开始编写代码。

对于大多数用户来说,这可能是他们的首选步骤。不过,为了提供具体的示例,这里以构建一个Mac应用程序为例。在这个例子中,我们会先创建一个Xcode项目。

请注意,选择的项目类型可能会影响你使用Cursor的具体方法。创建好Xcode项目后,接下来就是在Cursor中打开这个项目文件夹了。

图片

3.作曲家功能

使用Cursor时,如果从一个空文件夹开始,界面会显示为空。而那些额外的文件,实际上是由Xcode创建的。

接下来,需要使用快捷键Command + K来打开“作曲家”功能。虽然Cursor应用中集成了许多人工智能特性,但在这里,我们主要关注“作曲家”功能。“作曲家”功能允许指导AI从零开始构建项目,构建完成后,可以在“作曲家”视图中引用多个文件,并进行编辑。

只需提出想要进行的更改,并不断迭代,直至达到预期的结果。例如,让我们通过“作曲家”来创建一个简单的计时器应用程序。

I want you to create a mac app for me. 
The app should be a simple timer, where there is the option to start timer. 
By default have the option for 5, 10, 15, 20, 35 and an option to add custom timer interval. 
The timer should run in background. 
And when the timer finished, bring back the app window  to front and play a loud timer completion sound. 
Then it should show the option to stop timer.

4.构建计时器应用程序

这是在 Cursor 作曲家中放入的提示:

图片

Cursor自动生成了3个新的代码文件,并完成了所有必要的编码工作。如果具备丰富的编程经验和知识,可以直接检查这些代码,并根据需要接受或拒绝特定的更改。

如果是编程新手,那么可能需要先接受Cursor所做的所有更改,然后通过构建应用程序来检查是否存在任何错误。在确认无误后,可以继续在Xcode中构建应用程序,并预览其效果。

图片

5.调试与完善

我们来尝试构建这个应用程序,并看看目前的进展。

图片

目前,计时器结束时没有播放声音,也没有提供停止计时器的选项。最初,我们希望这个应用程序能像闹钟一样工作,即在用户主动停止之前,声音应该持续播放。

为了实现这一点,需要在项目中添加一个名为alarm.mp3的音频文件,这一点在作曲家视图中已有明确说明。因此,仔细阅读并理解人工智能的响应是非常重要的。

接下来,将再次使用作曲家功能,首先将Cursor AI创建的所有文件添加进去。

I think you missed certain things. 
I want this to be a timer app, but behave like an alarm. 
When the timer finished, the sound should play repetitiveyly, until the user press stop. 

6.Cursor的迭代能力

Cursor应用程序的精妙之处在于其迭代能力,可以在已有的基础上不断改进,直至达到满意的结果。

按照这个提示操作后,应用程序就能完全按照预期工作了。如果遇到任何错误,只需将错误复制到作曲家功能中,它就能提供一个更优的代码版本。就是用这种方法构建了ZenFocus应用程序。

7.Cursor的其他AI特性

除了作曲家功能,Cursor还提供了其他一些人工智能特性,例如:

  • Tab:这是一个强大的自动补全工具,能够预测您的下一步编辑,并跨多行提供代码建议。

  • 多行编辑:它能够一次性提出多个编辑建议,帮助您节省时间。

  • 聊天:可以与完全了解代码库的AI进行对话,询问例如“代码有什么问题吗?”之类的问题,或者请求特定的代码文件或代码块。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/919631.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

创建springboot+vue项目相关配置问题

安装并配置jdk23 在官网下载jdk Java Downloads | Oracle 中国 下载完成后双击即可安装。 安装完成后配置环境变量 此电脑->右键->属性->高级系统设置 然后一直点击确定即可。 键盘上win r java -version 可以验证是否配置成功 下载并配置maven 在官网下…

React 中使用 Axios 进行 HTTP 请求

下面是一个案例,展示如何在 React 中使用 Axios 进行 HTTP 请求,包括 GET 和 POST 请求的使用。 1. 安装 Axios 确保项目中已安装 Axios,可以通过以下命令安装: npm install axios2. 创建一个简单的 React 应用 项目结构&…

Wekan看板安装部署与使用介绍

Wekan看板安装部署与使用介绍 1. Wekan简介 ​ Wekan 是一个开源的看板式项目管理工具,它的配置相对简单,因为大多数功能都是开箱即用的。它允许用户以卡片的形式组织和跟踪任务,非常适合敏捷开发和日常任务管理。Wekan 的核心功能包括看板…

推荐几个 VSCode 流程图工具

Visual Studio Code(简称VSCode)是一个由微软开发的免费、开源的代码编辑器。 VSCode 发布于 2015 年,而且很快就成为开发者社区中广受欢迎的开发工具。 VSCode 可用于 Windows、macOS 和 Linux 等操作系统。 VSCode 拥有一个庞大的扩展市…

OpenHands:开源AI编程工具的新贵,让编程更自然

🚀 AI技术在编程领域的应用正迅速发展,其中OpenHands作为一款新兴的开源AI编程工具,以其出色的性能和自然语言编程体验,成为了开发者的新宠。今天,让我们一起探索OpenHands的核心功能、架构设计,以及如何通…

C++:探索AVL树旋转的奥秘

文章目录 前言 AVL树为什么要旋转?一、插入一个值的大概过程1. 插入一个值的大致过程2. 平衡因子更新原则3. 旋转处理的目的 二、左单旋1. 左单旋旋转方式总处理图2. 左单旋具体会遇到的情况3. 左单旋代码总结 三、右单旋1. 右单旋旋转方式总处理图2. 右单旋具体会遇…

嵌入式硬件实战基础篇(三)-四层板PCB设计-步进电机驱动(TMC2208/TMC2209)

引言:我们在嵌入式硬件杂谈(三)中有提到阻抗匹配的问题,也引入了高速PCB设计的思想,并且此篇实战基础篇主要是基础的四层板的绘制设计,后续实战会对高速板展开,本篇主要是提升读者的设计PCB板的…

数据库基础(MySQL)

1. 数据库基础 1.1 什么是数据库 存储数据用文件就可以了,为什么还要弄个数据库? 文件保存数据有以下几个缺点: 文件的安全性问题文件不利于数据查询和管理文件不利于存储海量数据文件在程序中控制不方便 数据库存储介质: 磁盘内存 为…

【C++】踏上C++学习之旅(九):深入“类和对象“世界,掌握编程的黄金法则(四)(包含四大默认成员函数的练习以及const对象)

文章目录 前言1. 实现Date类的构造函数2. 实现Date类的拷贝构造函数3. 实现Date类的赋值运算符重载4. 实现各Date对象之间的比较接口5. 实现Date对象的加减接口6. const成员7. 取地址及const取地址操作符重载 前言 在我们前面学习到了"类和对象"的四大默认成员函数(…

如何在 Elasticsearch 中配置 SSL / TLS ?

Elasticsearch 是一种流行的开源搜索和分析引擎。它被广泛用于日志或活动数据分析,全文搜索和复杂查询。但是,没有适当的安全措施,敏感数据可能很容易受到影响拦截和未经授权的访问。在 Elasticsearch 中启用 SSL/TLS 是保护数据的关键步骤。…

python之sklearn--鸢尾花数据集之数据降维(PCA主成分分析)

python之sklearn–鸢尾花数据集之数据降维(PCA主成分分析) sklearn库:Scikit - learn(sklearn)是一个用于机器学习的开源 Python 库。它建立在 NumPy、SciPy 和 matplotlib 等其他科学计算库之上,为机器学习的常见任务提供了简单…

音视频pts/dts

现在的视频流有两个非常重要的时间戳,pts和dts,其中pts是显示的时候用,dts在解码的时候用。 pts很好理解,按照pts的顺序以及duration不间断的display就可以了。 dts在解码的时候用,那么这句话怎么理解,解…

数据集-目标检测系列- 人与猫互动 猫 检测数据集 cat in the house >> DataBall

数据集-目标检测系列- 人与猫互动 猫 检测数据集 cat in the house >> DataBall DataBall 助力快速掌握数据集的信息和使用方式,会员享有 百种数据集,持续增加中。 贵在坚持! 数据样例项目地址: * 相关项目 1&#xff…

ReactPress:基于pnpm的Mono Repository方案介绍

ReactPress Github项目地址:https://github.com/fecommunity/reactpress 欢迎Star。 ReactPress基于pnpm的Mono Repository方案介绍 ReactPress是一个使用React和Node.js构建的开源发布平台,它允许用户在支持React和MySQL数据库的服务器上设置自己的博客…

stm32如何接收舵机的控制信号(而不是控制舵机)

看到很多如何stm32用pwm信号控制舵机的文章,老生常谈了 我来写一个stm32接收pwm信号的例子 ,这个pwm信号是用来控制舵机的 背景: 我需要接收航模接收机的,用来控制舵机的pwm信号, 得到这个信号后,做其他事情. 初版代码 pwm.h#ifndef _pwm_H #define _pwm_H#include "s…

Spring Boot 3.x + OAuth 2.0:构建认证授权服务与资源服务器

Spring Boot 3.x OAuth 2.0:构建认证授权服务与资源服务器 前言 随着Spring Boot 3的发布,我们迎来了许多新特性和改进,其中包括对Spring Security和OAuth 2.0的更好支持。本文将详细介绍如何在Spring Boot 3.x版本中集成OAuth 2.0&#xf…

Photoshop(PS)——人像磨皮

1.新建一个文件,背景为白色,将图片素材放入文件中 2.利用CtrlJ 复制两个图层出来,选择第一个拷贝图层,选择滤镜---杂色---蒙尘与划痕 3.调整一下数值,大概能够模糊痘印痘坑,点击确定。 4.然后选择拷贝2图层…

Vue3 + Vite 项目引入 Typescript

文章目录 一、TypeScript简介二、TypeScript 开发环境搭建三、编译方式1. 自动编译单个文件2. 自动编译整个项目 四、配置文件1. compilerOptions基本选项严格模式相关选项(启用 strict 后自动包含这些)模块与导入相关选项 2. include 和 excludeinclude…

MySql 索引视图存储变量

要求 一: 学生表:Student(Sno,Sname,Ssex ,Sage, Sdept) 学号,姓名,性别,年龄,所在系 Sno为主键 课程表:Course(Cno,Cname) 课程号,课程名 Cno为主键 学生…

使用MaxKB搭建知识库问答系统并接入个人网站(halo)

首发地址(欢迎大家访问):使用MaxKB搭建知识库问答系统并接入个人网站 前言 从OpenAI推出ChatGPT到现在,大模型已经渗透到各行各业,大模型也逐渐趋于平民化;从最开始对其理解、生成、强大的知识积累的惊叹&…