你不一定非得Cursor不可，Claude dev和Continue的组合也棒极了！| AI IDE | 破除迷思

Summary

这段视频探讨了与Cursor相关的主题，讲解了Cursor作为一个VS Code的Fork，如何成为编程界的热门工具。视频指出了Cursor与VS Code的差异，尤其是其独立性和定价问题。讲者提到了Cursor的高价订阅模式可能让部分用户感到不满，并对模型选择的限制表达了意见。此外，视频还推荐了通过VS Code插件，如Claude Dev和Continue，来自定义开发环境，允许使用不同的AI模型，展示了如何通过这些工具来提高编程效率，生成代码，并演示了编写扫雷程序的过程。

Takeaways

• 😀 cursor是最近非常热门的编程工具，被称为编程神器。
• 💡 cursor是VS Code的一个fork，可以看作是VS Code的一个复制品。
• 🛠️ cursor虽然是基于VS Code，但它作为独立的IDE使用，与VS Code分开。
• 💰 cursor的定价是免费两周试用期，之后每月需要20美元，价格较高。
• 🤔 用户对cursor的强制订阅收费感到不满，认为应提供按需付费的选项。
• 🔄 cursor在模型选择上不够灵活，用户无法自由选择如谷歌Gemini等模型。
• 📦 claude dev和continue是两个推荐的VS Code插件，支持多种模型选择。
• 🌐 claude dev支持open AI、Claude等模型，但目前还不支持本地的ollama。
• 🔍 continue插件提供代码补全功能，并支持多个模型的集成。
• 💻 使用claude dev时，生成了一个HTML、CSS和JS的扫雷小游戏，展示了插件的实际应用。

Q & A

Cursor 是什么？

Cursor 是一个基于 VS Code 的分支，是一个开发集成环境 (IDE)。它被许多人认为是一个编程神器，类似于 VS Code，但有自己的一套独立系统。

Cursor 和 VS Code 有什么主要区别？

Cursor 是基于 VS Code 的一个分支，但与 VS Code 不同，Cursor 是一个独立的 IDE，而不是 VS Code 的插件。此外，Cursor 给用户带来了一些使用上的割裂感，如果习惯了 VS Code，可能不太适应 Cursor。

Cursor 的定价如何？

Cursor 提供两周的免费试用期，之后专业版需要每月支付 20 美元。这个价格与其他 AI 工具类似，如 ChatGPT Plus 版本。

对于偶尔使用开发工具的用户来说，Cursor 的定价合理吗？

对于非专业开发者来说，Cursor 的定价可能过高，因为他们并不需要每月支付订阅费用，而更适合按需付费的模式。

Cursor 对模型的选择自由性如何？

Cursor 在模型的自主选择上比较有限，目前还没有提供广泛的选择，如 Google 的 Gemini 或 Ollama 等模型。

VS Code 通过插件可以实现哪些功能？

通过 VS Code 的插件，用户可以自由选择不同的 AI 模型，如 OpenAI、Claude、Google 的 Gemini，以及本地的 Ollama 模型等。

Claude dev 插件支持哪些功能？

Claude dev 插件支持 OpenAI 的 O1 模型、Claude 3.5 模型等。Claude 3.5 还支持 prompt 缓存功能，可以节省费用。

Continue 插件的主要优势是什么？

Continue 插件的优势在于代码补全功能更强大，能够自动为代码添加注释和建议，还支持多种 AI 模型的选择，包括 Google 的 Gemini 和 Ollama 等。

使用 Cursor 时，用户可以自定义哪些方面？

在使用 Cursor 时，用户可以选择不同的 AI 模型进行编程任务，但定制化的选择仍然有限，特别是在模型选择和定价灵活性方面。

用户如何通过 Claude dev 和 Continue 插件创建扫雷程序？

用户可以通过 Claude dev 插件设置 O1-mini 模型，使用 HTML、CSS 和 JS 创建扫雷游戏。创建过程中会展示 API 成本和 token 使用情况，完成后可以保存和运行程序。

Outlines

00:00

💻 cursor 是什么？它是编程神器吗？

在这一段中，作者讨论了最近热门的 cursor 工具，许多人称其为编程神器。作者认为 cursor 是一个基于 VS Code 的 fork，相当于一个复制版，但它给用户带来了割裂感。使用 cursor 意味着放弃 VS Code，无法同时使用两个工具。此外，作者提到了 cursor 的收费模式，免费用户只有两周的试用期，之后需支付每月 20 美元的费用，作者认为这是不必要的开支，尤其是对于偶尔使用的用户。

05:01

🛠️ 如何替代 cursor？使用 VS Code 插件

在第二段中，作者提出了一个替代方案，即继续使用原生的 VS Code，并搭配两个插件——Claude dev 和 Continue。这两个插件支持多种模型，用户可以选择 Open AI、Claude、OpenRouter，甚至本地的 Ollama 模型。接下来，作者将介绍如何通过这些插件进行编程，并演示使用 Open AI 的 O1 模型编写一个小程序。

10:01

🔧 使用插件 Claude dev 和 Continue 的编程演示

作者继续介绍如何使用 Claude dev 插件和 Open AI 的 O1 模型来编写扫雷程序。Claude dev 插件提供了多个模型选择，包括 Open AI 和 Google 的 Gemini。作者演示了如何通过插件创建 HTML、CSS 和 JavaScript 文件，并生成扫雷程序。然而，程序在运行时遇到了一些小问题，作者通过调整代码解决了这些问题，最终成功运行了扫雷程序。

15:06

🔄 继续探索 Continue 插件的功能

作者接下来演示了 Continue 插件的使用。在安装 Continue 后，用户可以选择多个模型提供者，如 Open AI、Anthropic、Ollama 和 Google 的 Gemini。作者还提到需要通过 GitHub 账号进行注册，并且使用了 Claude 的免费试用。Continue 的主要功能是代码补全，在编写代码时，可以提供自动提示和补全功能，类似于 Claude dev，但侧重于代码的细化和补全。

20:07

📝 使用 Continue 插件进行代码注释和解释

在最后一段中，作者展示了 Continue 插件的代码注释功能。用户可以选择一段代码并让插件自动生成注释，解释每一行代码的功能。作者演示了如何通过右键菜单选择 'Add to Chat' 选项来生成注释，并将注释添加到代码中。这使得代码的理解和维护更加简便。

Keywords

💡Cursor

Cursor是视频的核心讨论对象之一。它是一个最近非常流行的编程工具，视频将其描述为一款类似于VS Code的IDE。Cursor通过复制VS Code并加入一些高级功能，成为了一个新的开发环境，吸引了很多开发者使用。视频探讨了Cursor的优势和不足，特别是它如何与VS Code不同，以及它的价格和功能。

💡VS Code

VS Code（Visual Studio Code）是一个开源的集成开发环境（IDE），由微软开发。视频提到Cursor是基于VS Code的一个fork，也就是对VS Code的一个改进版本。视频比较了两者之间的差异，指出了Cursor与VS Code之间的一些割裂感，特别是对那些习惯使用VS Code的开发者来说，迁移到Cursor可能会产生不便。

💡开源

开源指的是软件的源代码是公开的，任何人都可以使用、修改和分发。视频多次提到VS Code是开源的，并且有数千名贡献者为其开发和改进。相比之下，Cursor虽然是VS Code的一个开源fork，但它本身并没有提供更多的开源灵活性。

💡价格

价格是视频讨论的重要话题之一。视频提到Cursor的专业版每月需要20美元，而这对很多只偶尔需要使用该工具的开发者来说是不划算的。视频中对比了其他工具的价格，认为用户在模型和工具选择上的自主性较少，并且感到需要每月支付高额费用的负担。

💡插件

插件是VS Code和Cursor的重要组成部分，允许开发者扩展IDE的功能。视频中提到了两个特别的插件——Claude Dev和Continue，它们可以集成不同的AI模型，帮助开发者提高工作效率。视频通过演示如何使用这些插件来开发一个简单的扫雷游戏，展示了插件的强大功能。

💡Claude Dev

Claude Dev是视频提到的一个VS Code插件，允许开发者使用各种AI模型进行编程。视频详细介绍了如何通过Claude Dev选择不同的AI模型，如OpenAI和Google Gemini，并演示了如何使用该插件生成代码。Claude Dev为开发者提供了多模型支持，适合不同需求。

💡Continue

Continue是另一个视频提到的VS Code插件，它专注于代码补全和生成。视频中详细介绍了Continue的功能，强调了它在代码自动补全方面的优越性。视频还演示了如何通过Continue集成各种AI模型，如Anthropic、OpenAI等，使得编程过程更加高效。

💡AI模型

AI模型在视频中多次被提到，作为编程工具中的核心要素。视频介绍了OpenAI、Claude、Google Gemini等不同的AI模型，它们可以用于代码生成、代码补全等任务。视频强调了开发者可以根据需求选择不同的AI模型，并展示了这些模型如何在实际开发过程中发挥作用。

💡扫雷游戏

扫雷游戏是视频中用来演示如何通过Claude Dev和AI模型进行编程的例子。视频通过开发一个简单的扫雷游戏，展示了如何使用HTML、CSS和JavaScript编写程序，并演示了AI模型在代码生成和任务自动化中的应用。

💡OpenAI

OpenAI是视频中提到的一个重要AI模型提供商，视频演示了如何通过Claude Dev插件使用OpenAI的模型（如O1-mini）。OpenAI的模型被用于生成代码，并且视频通过具体例子展示了这些模型的使用场景和优势。

Highlights

Cursor 是最近非常有人气的编程工具，很多人把它当成绝对的编程神器。

Cursor 实际上是一个 VS Code 的 fork，可以理解为简单的 VS Code 复制品，但并不是盗版。

VS Code 是一个开源项目，有超过两千名贡献者，Cursor 则在此基础上复制了功能并进行了再开发。

Cursor 与 VS Code 不兼容，用户只能选择其中之一使用，这造成了一定的割裂感。

Cursor 的定价为每月 20 美金，这对于一些并非全职开发者的用户来说较为昂贵。

用户希望有按需付费的选择，而不是每个月都必须支付 20 美金。

Cursor 的模型选择自主性较少，用户不能自由选择谷歌 Gemini 或 Ollama 等模型。

建议使用原生 VS Code 及插件，比如 claude dev 和 continue 插件，可以根据需求自由选择不同的模型。

claude dev 插件支持 open AI、Claude 等多种模型，且具有缓存 prompt 的功能，可以节省开销。

通过 claude dev 插件，使用 open AI 的 o1-mini 模型完成了扫雷游戏的开发。

使用 claude dev 插件可以生成多个文件，并自动保存到项目中，且支持历史记录的查看。

continue 插件在代码补全方面表现较好，尤其适用于编写注释和代码高亮等功能。

continue 插件支持多种模型和 provider，比如 open AI、Anthropic、Google Gemini、Ollama 等。

continue 插件提供了通过 GitHub 注册的免费试用机会，可用于 claude 的部分功能。

claude dev 和 continue 插件的功能有部分重叠，但各自侧重点不同，一个擅长多文件生成，一个擅长代码补全。

Transcripts

那今天呢

我们就说一下和cursor相关的一个话题

这cursor呢

确实是最近非常的有人气呢

很多人都在说cursor

基本上

把cursor当成了这个绝对的编程神器

那么我也说说我对cursor的这些看法

首先呢

这个cursor呢

它是这个

怎么说呢

就是一个套壳的一个IDE吧

那么看cursor的这个文档里面

它是怎么说的呢

它呢是实际上

是一个vs code的这么一个fork

这个fork怎么理解呢

它就是你可以理解为

它就是简单的一个vs code的一个copy

一个复制

你可以认为是一个

怎么说呢

你也不能说盗版吧

就是说把vs code拿下来

然后自己用

但是呢我们看Vscode

Vscode它是个开源的一个产品

其实Vscode的这个

最初的这个构想和前身

实际上是一个中国小伙子

他是最初是构想

并且做出了这么一个prototype

具体的话大家可以找一找

相关Vscode的这个发展史

那么Vscode呢

我们可以看到它呢

是开源的

而且你可以看到有这么多的贡献者

两两千零七十九contributors

在这个里面

给他做出来那么的多的贡献

然后cursor呢

把它给复制下来据为启用

那现在呢

我们就可以去看到

它的conser

你去用的时候

它不是一个vscode的

这么一个插件的形式

去用它就是完全的另外一套IDE

也就是说

你编程的时候是选择是你要么用vs

code你要么用Corser

这个呢Corser呢

这个这一步

确实挺大

但是也造成了一种割裂感

就是说你如果非常熟悉Vscode

都想继续用Vscode

那不行那你就用cursor

所以呢这个它呢

是一个高级套娃

他这个高级套娃呢

又让人觉得

怎么说呢

好像就是说

我要用你的话

就不能用vs code的

这个给人的感觉

不是特别好

这是第一点

第二点呢

我再说说它这个价格

我们看它这个价格呢

如果你是这个free呢

它只有两周的这么一个试用期间

那接下来你要用这个Pro版本呢

它要20美金

这个20美金

怎么说呢

也不少

现在我们干啥都是

看起来用到AI的都要这么多钱

你用个chatgpt

的这么plus版本

它也要20美金

你现在搞个编程也要20美金

干啥都要20美金

所以呢我就觉得这个20美金

我每个月都得付

我就每个月给你了

成了你的被动收入了

这个有必要吗

而且我可能

我只是需要

我并不是一个常规的一个开发者

我只需要的时候开发

那么用一下不就行了吗

那何必就是说

我按需去付钱

不是挺好的吗

干嘛一定要付这个钱呢

付每月

每个月都要给你20美金

是不是没有这个必要

这是第一点

就是刚才我们讲了两点

这第二点了

另外呢还说这个事情呢

还有一个什么呢

我们这个

在这个model的这个选择方面

自主性也有点少

所以呢

我就觉得

就model的自主性呢

就是说那我们呢

可不可以选择

谷歌的gemini

谷歌的gemini便宜

我们可不可以选ollama

那ollama我们可以装在本地

各种各样的选择

这些选择

至少到现在

我还没有看出来

这个选择model的这个自主性上面

它有什么好的方面

总之呢

很多在这这些方面

给我一个感觉

closer呢

如果你真的是有钱

家里有矿

然后公司给你付这个钱

当然没问题

你就用cursor

你好好的去用它就行了

好好的使用cursor

提高你的生产力就行了

但是你如果又不想割舍以前的vs code

然后又想

只在需要的时候花自己的钱

然后又想做各种各样的定制

我觉得还是有其他的选择呢

这个选择呢

就是今天我想介绍的

这个呢就是直接使用原生的vs code

那同时呢

使用两个vs code的这个插件

同时呢

我们可以选择我们所需要的这个模型

喜欢的模型

你可以选择open AI

可以选择这个claude

你可以选择这个openrouter

上面的

各种各样的这个model都可以

甚至

在其中一个插件呢

也可以使用这个Olama

那么今天呢

我们就来介绍一下这个插件

并且呢做一个简单的尝试

编一个程序

小小的一个程序

并且呢在这个小小的程序里面

我们使用一下open AI的这个

最新的这个模型

o1好那

我们就开始吧

这两个插件是什么呢

这两个插件呢

一个叫claude dev

一个叫continue

这个claude dev呢

过我们去到这github上面

也可以搜到的

它也是一个开源的这个项目

claude呢如果说你是头一次安装

那么你就安装

我这个已经安装好了

那么他这里

我们可以看一下这个claude

他有什么样的

最近增加的这些新的这个功能

那么可以看

这个增加了open AI的o1的支持

还增加了一个是什么呢

就是Google的jamming的支持

这Google的Jamming的支持

是特别好的

因为呢

Google呢

它有一些模型

比如说它这个Flash

Flash这个模型呢

我记得是

还是它有一定的免费的额度

比如说这个Gemini的这个Flash

1.5 Flash它呢

每分钟有15个request的

那还是很可以的呀

因为你想想你这个每分钟这个编程

你会去敲这个15个

你如果不是做这种批处理的话

15个的话

对于简单的编程来说

我觉得是完全够了

所以这个呢

就是一个非常好的一个选择

那这里我们可以看到有1.5的

1.5呢稍微贵一点点

这个呢是每分钟只有两个

就是两个request的

1.0呢那也有15

也就是说

Gemini还是挺大方的

谷歌还是挺大方的

那我们用这些东西

他也是个免费的额度

用我们如果使用了这个模型

使用的谷歌的Gemini的话

也是挺不错的

另外一个呢

是这个continue

continue呢

这个插件也是非常的好

这个claudediv呢和continue呢

关于这个模型的支持

我们接下来看一看

这里呢我先说一下

这个关于本地的ollama的支持

现在claudediv呢

还没有支持

但是continue是支持了的

那么接下来

就开始

一个一个的用

先看一下配置

我们先看这个claude的这个配置

这个claude呢

一旦你安装好了呀

你在这个左下角就能看到这个

这么一个小机器人的头像

对吧点开这个小机器人头像呢

其实就可以做一些设置

我们可以看到这个open API Pro y的

这个地方呢

你可以选择很多

我们可以选择open Router

是吧

我现在的open Router已经给它配好了

这里是open Router的API的k

在model这个地方

有很多选择了

你可以选择claude的对吧

选择

open AI的o1 Preview

o1 mini

GPT4O你都可以选择

那么这里

我想说一个事儿

就是这个claude的这个3.5

它呢支持这个prompt catching

这个其实是非常好

它是很省钱的呀

也就是说你的prompt呀

输进去了以后呢

它在这个server端呢

给你做了一个缓存

那么也就是说你每次做这个交互

不会每次把相同重复的内容

不断的发到server端

这可就省老鼻子钱了

这个其实是一个挺好的一个事

那今天我们不用claude的这个

模型

我们会用这个o1-mini试一下

这个编程

那么我把它这个

选择o1-mini

我们可以看到

下面写的

它是support image

但是它不支持这个prompt catching

它的这个价格是多少呢

input是

每百万是3美金

output是每百万12

反正也不便宜吧

那么这样

我已经这个好了

我就把这个settings

先把它选择一下

等会儿我就在这里去

去敲命令就行了

我这里呢

再看看continue吧

我们这个continue装完了以后

这continue装完了以后呢

可以看到这个图标

这个图标应该是三个什么丁字条

还是什么勾字

l字条连在一起的这么一个东西

看着像个圆环的

这样的一个东西

那么它安装好了以后

在左边呢

这里也有一个

那你这里选择的continue

这里呢

也有这个选择这个model的地方

这里可以选

各种各样的model

那provider呢

你也可以选这个open AI

anthropic

Azer你也可以选

对吧ollama你也可以选

各种各样的

你也可以选

都可以选

谷歌的gemini

也可以选

甚至这个lm studio

还有Lama file也可以选

各种各样的

你都可以选

这个也挺有意思的

provider

今天呢我们就

不做更多的选择了

因为呢这个continue你要用的话

你要用get up账号注册

那么今天我已经注册上了

它自动送了这个

claude的这个sonnet的这个free trial

所以

我这个就不去做更多的配置了

今天如果大家有兴趣的话

可以去安装ollama呀

配置一下这种跟ollama的连接呀

或者试验一下

比如说谷歌的gemini的这些

跟跟这些的这些API的这个集成

今天呢

我就不在continue这个地方做更多的

这个时间了

我这里就是claude dev呢

我已经配置好了

是这个

使用的是openrouter的这个o1-mini

我们看再看一下

那我们呢

这里呢

就简单而看

我们就让他创建一个这个

扫雷程序吧

让他用这个还是HTML

CSS还有这个GS去做一个

扫雷这么一个程序

然后我们在左下角这里

说好了这个内容以后

我们就

回车

没看到

这里呢这个task

这里呢就会出现这个现在正在做什么

对吧最后完了以后呢

这个API这个cost呢

花多少钱

用多少TOKEN它都会显示出来

那么现在

它正在转

就让它转吧

还是很不错

很快他就做完了这个

咱们花了多少钱呢

0.044其实我感觉这个也就是mini

还是比较贵

0.000.04

但是他做出来了

我们看看效果怎么样

这个呢就是说他做出来这一个

首先是这个index html

那这里呢

他其实呢

已经创建了三个文件对吧

那么我们就相当于第一个一个的看

那么这里呢

他右边这个ID这个地方

就直接创建出来对吧

那么点这个save

就出来了

那这里呢

它又出来了这个new

new file

new出来一个新的文件

这个是CSS

那我们save一下

那接下来呢

它又把这个script呀

把它给创建出来

就是

加入scrape啦

我们也save一下

好吧这3个文件都创建好了

那现在又在转转转

也就是说完成了

但是我看到我们这个API的cost

它也变了0.08

那这里呢

它还有一个run command

那我们看看run command是啥

它是这里呢

就是说

让我们去看你打开哪一个对吧

那么就用这个Chrome吧

这个效果不是特别好

因为我看好像这上面有这个html的

这个标记

在这个地方

应该是有多余的东西

那我把这个东西多余的东西给它删掉

是不是这样就好一些了呢

是好一些了

但是这个扫雷

似乎没有什么特别的东西

我还是不行

还是不行

我们看看这个里面到底是咋回事

我们这里呢

看他这个concert这个地方

他这里呢

就是说的是这个

识别不出来

然后是scrape的是第21行的这个地方

那么问题在哪儿呢

我们可以把这个文件

一个一个的打开看一眼

这个呢打开看呢

它是一堆的加script

这个都是出现了这个下面的红线

我估计是这个打了这个标记的问题

我把这个标记给去掉

那一个一个的去掉它这三个文件

就去掉了

然后CSS这个地方也有它最后这个3

这个文文件前后的这个标记

然后呢我们再回到这个画面

这个地方刷新一下

哎这就好了嘛

不错呀是不是

能不能这个是雷吧

game over

还行哈哈

还还不错

那重来一个

这个呢四边都是雷

这个四边都是雷

不知道

这个也不知道

那么这个就是

哎呦game over

这也不行

再来一下

这个扫雷我是不是特别好

这个右键呢

可以点黄黄色的

他就进行一个标记

挺不错的

又又中雷了

不管怎么说

这个用o1这个迷你做出来的这个

感觉还是不错

这个扫雷小程序还是不错的

那我们接下来看看

这个就是用了claude dev

来做出来这么一个程序

那我们这里呢

其实我们看一看

它这个地方呢

我们可以看呢

它有history

这个也就是说

你最近执行的这个东西呢

它有这个history

我们呢甚至去可以搜这个history

比方说我这里是man APP

这个已经有了

也就说我们今天做的不是特别多

如果做的多的话呢

可能这里下面就一排的

我们执行过的这个履历

执行过的这个履历呢

你就可以用这个方式呢

去搜索你自己

曾经做过了哪些操作

那我们刚才

是提到了这个claude嘛

但是我们这个continue

在哪里用呢

应该是在这里用

continue这个地方呢比

方说我们在这里呢

就是说代码补齐的这个地方哎

我们就可以用到这个continue了

那我们这里呢

比如说我在这个地方

非要加一个component

不是加一个comment

给它加一个注册

那我们可以

and even listen to the reset button

我们可以看

我们其实在这里头去做的

正在这里去敲代码的时候呢

它这里continue的地方呢

它是在转

因为它这里呢

是Tab autocomplete

这个地方

这个地方有点问题

那这里呢比方说

他要输一下

timer对吧

那我们其实呢

如果要

随便加一个function吧

他这里

test可以

比方说我可以加一个这个

test这个呢

它就能做到

一定的这么一个

代码的补完

它这里呢

也可以有一些其他的

各种各样的一些

怎么说呢

跟claude dev

continue dev

跟claude dev呢

有一部分功能是重叠的

他的我觉得比较优秀的一个点呢

还是在这个代码补完上面

continue代务可能做得要更好一点

那么claude dev呢

就是我刚才所说的

就是多文件的生成

然后呢和可以选择各种各样的model

在这个方面

我觉得

claude 5也是是非常强的

那我们还可以看

这个continue还能做啥呢

这个比如说呢continue

它还有个这个

右菜单的

我们选中了这单代码以后

它比方说add to chat

还可以Edit

highlighten code

也可以去做这个

事儿我们也可以

点右键对吧

选中这个代码

我们呢

让它解释下red comment for this code对不对

他也能去做这个事情

你看

他就自动的把所有的这个这一行呢

哈这每行的这个code呢

基本上都写下来了

然后我们这里点这个accept就可以了