1. 前言
Cursor 和 Claude Code 都是编程神器,它们的主要区别是什么呢?
Cursor 主要对不同的AI模型进行整合,提供友好的代码编辑体验,包括OpenAI 的 GPT 系列、Google 的Gemini系列、Anthropic 的 Claude 系列等。
假如使用 Claude系列模型,
Cursor需要把数据在 Cursor服务器绕一圈,然后到达Anthropic服务器;
但Claude Code 数据直接达到自家的Anthropic服务器,没有拦截,没有预处理,没有后处理。
既然Cursor中也能使用 Claude模型,为什么还要去麻烦搭建Claude Code 的专有环境来使用呢?
因为Claude 更系统、更宏观,在复杂场景具有更强的整合处理能力:
Cursor:懂代码;Claude:懂电脑(=懂代码+系统级电脑操作)
Cursor:写代码;Claude:写代码 -> 配环境 -> 跑流程
Claude 具有系统级操作能力:文件系统操作、包管理、版本控制、脚本执行 等ubuntu系统级的所有能力,它"会用电脑",不只是"懂代码"。
由于 Claude Code 不支持在 Windows 中直接使用,因此需要以 ubuntu 作为代理来使用。配置的操作步骤比Cursor麻烦很多。
依据 Claude Code官方文档:Intro to Claude - Anthropic ,实操过程记录如下。
2. 安装 VSCode
从官网下载vs code 并安装:https://code.visualstudio.com/download#
然后 vs code 中安装扩展: WSL 、 Claude Code for VSCode
3. 安装 Ubuntu
启用WSL
确保电脑的虚拟化已经启用:
安装 wsl :
关闭所有VPN网络(一般关闭后无法正常访问谷歌), 然后以管理员身份 打开 PowerShell ,执行命令:wsl --install ,该命令会安装 Ubuntu 应用,安装成功后会弹出欢迎窗口:
关闭这个窗口,然后从 开始菜单中,输入 ubuntu 找到对应的应用启动:
4. 启动 Ubuntu
首次启动ubuntu后,看到的是命令交互窗口:
根据提示,输入一组新的账号、密码,输入完后按 Enter即可。
注意:输入密码时屏幕上不会有任何显示(没有星号,光标也不动),这是正常的。
5. 更新 Ubuntu
依次执行以下命令:
sudo apt update && sudo apt upgrade -y
curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash --
sudo apt-get install -y nodejs
验证安装是否成功,看到版本号表示成功:
node -v
npm -v
6. 在 Ubuntu 安装 Claude Code
依次执行以下命令:
sudo npm install -g @anthropic-ai/claude-code
added 3 packages in 9s 表示成功安装,检测一下安装的版本
claude --version
同时,把 npm 更新到最新版本:
sudo npm install -g npm@latest
7. 在 Ubuntu 启动 Claude Code
使用命令 claude 直接启动,
启动发生了错误:
如果遇到这个错误,表示网络不可用。此时我们需要配置 ubuntu 的网络:
启动VPN网络, 并设置为 允许局域网连接 :
然后再次启动 claude, 看到成功了,通过键盘上下键选择喜欢的主题,然后回车确认:
然后默认会自动弹出网页,如下图:
如果不能自动弹出,则把下图第一个红色框选位置的链接拷贝到网页打开会看到上图。
(注意:这个网页能够正常显示认证码的前提是,在这个浏览器已经在VPN模式下成功登录了anthropic 官方网站并已购买付费服务)。
将地址拷贝出来粘贴到下图命令位置中,回车后看到提示登陆成功"Login successful":
然后通过快捷键 Ctl+C (如果不行,就操作2次)恢复到正常命令模式:
然后设置永久代理,执行以下命令:
sed -i '/resolv.conf/d' ~/.bashrc
sed -i '/https_proxy/d' ~/.bashrc
sed -i '/http_proxy/d' ~/.bashrc
sed -i '/all_proxy/d' ~/.bashrc
echo "export hostip=(ip route \| grep default \| awk '{print 3}')" >> ~/.bashrc
echo "export https_proxy="http://${hostip}:7890"" >> ~/.bashrc
echo "export http_proxy="http://${hostip}:7890"" >> ~/.bashrc
echo "export all_proxy="socks5://${hostip}:7890"" >> ~/.bashrc
8. 在 Ubuntu 创建 VSCode 启动入口
为了在 ubuntu 可以通过命令 vscode 直接打开 windows系统安装的 vscode ,需要执行以下命令:
清理掉所有失败的别名配置:
sed -i '/alias code=/d' ~/.bashrc
创建一个名为 vscode 的"快捷方式":
ln -s "/mnt/c/Users/wanbi/AppData/Local/Programs/Microsoft VS Code/bin/code" ~/.npm-global/bin/vscode
验证"快捷方式"是否创建成功:
ls -l ~/.npm-global/bin/vscode
用新的命令启动 VS Code:
vscode .
9. 在 VSCode 安装 WSL
10. 完整启动步骤
10.1. 启用VPN网络(确保可以正常访问谷歌);
10.2. 打开 Ubuntu 终端;
10.3. cd 到项目文件夹 (cd /mnt/d/test/pro1),它对应到windows系统的D:\test\pro1,注意: cd /mnt/d/test/pro1 命令中盘符d一定要小写,否则ubuntu找不到路径;
10.4. 运行命令: vscode .
此时我们看到 vscode 以一种特殊的模式打开了,左下角会显示蓝色标记 "WSL:Ubuntu":
10.5. 再次安装 Claude Code for VSCode
但是此时,我们刚才在 windows环境下手动直接启动vscode的时候,看到已经安装好的插件,此时发生了变化,多了按钮 "Install In WSL:Ubuntu",因为 vscode 对于通过WSL扩展进来的ubuntu环境进行了隔离,他们互不干扰,属于不同的环境,我们点击它安装即可。
10.6. 启动 Claude Code
这时候,我们在代码文件右上角看到了图标按钮 "Run Claude Code":
然后在红色框框位置,就可以对它施号发令了。
11. 初体验 Claude Code
在一个空项目中,对于需求"帮我实现一个登陆功能,要界面美观大方活泼",分别用 Claude Code 和 Cursor来实现。
11.1. Claude Code
新建一个空的WPF项目,目录位于C:\Users\wanbi\source\repos\WpfApp7,
然后启动 ubuntu :
通过命令 进入该项目目录,然后启动vscode:
在VSCode中,对它说一句 "帮我实现一个登陆功能,要界面美观大方活泼",然后它的处理结果演示(右侧是ClaudeCode的处理过程):
在VS中看到的可视化效果如下:
编译结果:在不干预任何代码的情况下,连续出了4个错误,才成功跑起来:
与预期的差异:
整个安装过程比使用Cursor复杂相当的多,本来预想的是对于一个空项目,它可以完全无误地、创造性地有更多发挥的空间,可以一次性运行成功,但是连续出错4次,并且运行后的功能细节差很多,不能拖动,没有实现边角透明,录入提示连基本的对齐都没做到,甚至没有一个可以点击的登陆按钮,对于4次犯错,其实问题比较基础,但是每次它都调整的比较慢,用时比较久。比起整个复杂的部署过程,还是有些失望的。
11.2. Cursor
相同的命令让Cursor来实现:"帮我实现一个登陆功能,要界面美观大方活泼"(右侧是Cursor的处理过程):
结果:启动前出错2次,启动后出错1次,窗口可拖拽,实现的功能包含了更多的细节。