你不一定非得Cursor不可,Claude dev和Continue的组合也棒极了!| AI IDE | 破除迷思
Summary
TLDR这段视频探讨了与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
💻 cursor 是什么?它是编程神器吗?
在这一段中,作者讨论了最近热门的 cursor 工具,许多人称其为编程神器。作者认为 cursor 是一个基于 VS Code 的 fork,相当于一个复制版,但它给用户带来了割裂感。使用 cursor 意味着放弃 VS Code,无法同时使用两个工具。此外,作者提到了 cursor 的收费模式,免费用户只有两周的试用期,之后需支付每月 20 美元的费用,作者认为这是不必要的开支,尤其是对于偶尔使用的用户。
🛠️ 如何替代 cursor?使用 VS Code 插件
在第二段中,作者提出了一个替代方案,即继续使用原生的 VS Code,并搭配两个插件——Claude dev 和 Continue。这两个插件支持多种模型,用户可以选择 Open AI、Claude、OpenRouter,甚至本地的 Ollama 模型。接下来,作者将介绍如何通过这些插件进行编程,并演示使用 Open AI 的 O1 模型编写一个小程序。
🔧 使用插件 Claude dev 和 Continue 的编程演示
作者继续介绍如何使用 Claude dev 插件和 Open AI 的 O1 模型来编写扫雷程序。Claude dev 插件提供了多个模型选择,包括 Open AI 和 Google 的 Gemini。作者演示了如何通过插件创建 HTML、CSS 和 JavaScript 文件,并生成扫雷程序。然而,程序在运行时遇到了一些小问题,作者通过调整代码解决了这些问题,最终成功运行了扫雷程序。
🔄 继续探索 Continue 插件的功能
作者接下来演示了 Continue 插件的使用。在安装 Continue 后,用户可以选择多个模型提供者,如 Open AI、Anthropic、Ollama 和 Google 的 Gemini。作者还提到需要通过 GitHub 账号进行注册,并且使用了 Claude 的免费试用。Continue 的主要功能是代码补全,在编写代码时,可以提供自动提示和补全功能,类似于 Claude dev,但侧重于代码的细化和补全。
📝 使用 Continue 插件进行代码注释和解释
在最后一段中,作者展示了 Continue 插件的代码注释功能。用户可以选择一段代码并让插件自动生成注释,解释每一行代码的功能。作者演示了如何通过右键菜单选择 'Add to Chat' 选项来生成注释,并将注释添加到代码中。这使得代码的理解和维护更加简便。
Mindmap
Keywords
💡Cursor
💡VS Code
💡开源
💡价格
💡插件
💡Claude Dev
💡Continue
💡AI模型
💡扫雷游戏
💡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就可以了
関連動画をさらに表示
The RIGHT WAY To Build AI Agents with CrewAI (BONUS: 100% Local)
Python Advanced AI Agent Tutorial - LlamaIndex, Ollama and Multi-LLM!
Build Anything with Perplexity, Here’s How
Is Cursor's Copilot++ BETTER than Github Copilot? FAST AI Coding Master Class
VSCode + ClaudeDev + Continue : STOP PAYING for CURSOR with this OPENSOURCE & LOCAL Alternative
Build an AI code generator w/ RAG to write working LangChain
5.0 / 5 (0 votes)