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

相关推荐
地鼠说2 小时前
别废话了,800 字让你秒懂 Cursor + MCP!
ai编程
caiyongji4 小时前
蔡永吉AI创业日记 - Day 1
ai编程·创业
chanalbert4 小时前
AI大模型提示词工程研究报告:长度与效果的辩证分析
前端·后端·ai编程
198919 小时前
【Dify精讲】第12章:性能优化策略与实践
人工智能·python·深度学习·性能优化·架构·flask·ai编程
198921 小时前
【Dify精讲】第14章:部署架构与DevOps实践【知识卡片】
运维·python·性能优化·架构·flask·ai编程·devops
Jooolin1 天前
【Python】Python可以用来做游戏吗?
python·ai编程·游戏开发
鲲志说2 天前
告别繁琐配置!用 Trae Remote-SSH 轻松远程开发和部署
人工智能·ai编程
鲲志说2 天前
零代码开发者的狂欢:用Trae 3分钟复刻「2048」秀翻全场
人工智能·ai编程