Claude Code 初体验 - Windows

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次,窗口可拖拽,实现的功能包含了更多的细节。

相关推荐
烨瑾焕9 分钟前
Cursor Rules 编写实践:从抽象原则到可执行指令
ai编程
trsoliu1 小时前
AI辅助编程:从代码生成到实际落地的思考
ai编程
AI产品自由2 小时前
爽!AI编程2年半,终于用上了喂饭级的API!
ai编程
谁用了我的idea2 小时前
如何使用大模型提升开发能力与效率(核心知识点)
ai编程
程序员鱼皮6 小时前
刚刚 Cursor2.0炸裂发布!这3大亮点必学
程序员·ai编程·cursor
磊磊落落7 小时前
MCP 是什么?它是如何工作的?
ai编程
知了一笑8 小时前
四个月,AI为主,人为辅,一款产品两个知识库!
ai编程·知识库·ai产品·独立开发者
飞哥数智坊9 小时前
看完 Cursor 2.0,我感觉国产 AI 编程又有希望了
人工智能·ai编程·cursor
不老刘19 小时前
Microsoft 365 Copilot 扩展至应用和工作流构建功能
microsoft·copilot·ai编程
Sailing1 天前
🚀🚀 从前端到AI Agent开发者,只差这一篇入门指南
前端·后端·ai编程