Hello啊,各位,好久不见!最近Vibe Coding这个词刷爆各大技术网站和社交平台,由OpenAI联合创始人Andrej Karpathy提出的这一新型编程范式,短短48小时内就获得了超过50万次转发,迅速登顶全球趋势榜。
今天,我就带大家五分钟上手体验!
什么是Vibe Coding?
Vibe Coding(氛围编程)是一种强调"沉浸于氛围、拥抱指数级增长、甚至忘记代码存在"的全新开发范式。其核心是通过自然语言描述需求,驱动AI工具(如DeepSeek、Claude、Cursor等)自动生成代码,将开发流程转变为人机协作的创意对话。
正如Karpathy所说:"这已经不能算是真正的编程了,我只是看看、说说、运行、复制并粘贴,然后程序就能运行了。"Vibe Coding打破了传统编程对语法和调试的依赖,使非技术背景用户也能参与应用开发,真正实现"人人皆可编程"的理念。
Claude code
目前市面上有多种工具可以辅助Vibe Coding,除了我们今天要重点介绍的Claude Code外,还有很多很多:
- 5ireBeeAI FrameworkClineContinueCursorEmacs Mcpfast-agentGenkitGenAIScriptGooseLibreChatmcp-agentMicrosoft Copilot StudiootermRoo Code
许多好用的工具都需要付费订阅,一个月几十美元的费用确实让人望而却步。今天就带大家五分钟免费开启Vibe Coding,我们用的工具是大名鼎鼎的Claude Code,配合国产大模型GLM,实现零成本高效编程!
开始你的Vibe Coding之旅
Claude Code之前在Windows上还依赖WSL来运行,现在已经更新可以通过Git直接运行,非常方便。下面介绍最简单的安装方法:
方法一:Git运行(推荐)
1.安装NodeJS
首先安装Nodejs,打开Node官网下载LTS版本,直接安装即可。安装完成后记得重启电脑,这样命令行就能访问node和npm命令了。
国内环境下载Claude可能会有网络问题,建议配置一个镜像:
# 查看当前镜像源npm config get registry# 设置淘宝镜像源(国内用户推荐)npm config set registry http://registry.npm.taobao.org/# 如果需要切换回官方源npm config set registry https://registry.npmjs.org/
2.安装Git
Git也是下载安装包安装即可,从Git官网下载对应系统的安装包。安装完成后,我们需要配置Git路径,让Claude能正常访问到Git。
Git Bash长这样,但今天不需要使用,全程用Powershell就好。
确保你完成Node和Git安装后,找到你的Git安装目录(通常是C:\Program Files\Git\
)。
打开PowerShell(注意是PowerShell不是CMD,因为$env是PowerShell的语法),将下面的C:\Program Files\Git\bin\bash.exe
替换成你的bash.exe实际路径:
$env:CLAUDE_CODE_GIT_BASH_PATH="C:\Program Files\Git\bin\bash.exe"
3.安装Claude Code
npm install -g @anthropic-ai/claude-code
4.配置国产大模型GLM
Claude的官方模型是收费的,但别担心!我们可以使用国产大模型GLM作为替代。注册智谱AI即可获取2000万Tokens免费额度,即使后期用完了,购买也很便宜,几块钱就能获得几千万的Tokens。
通过邀请链接注册即可获得2000万Tokens大礼包。www.bigmodel.cn/invite?icod…
注册后生成一个API Key,接下来配置环境变量,让Claude Code使用我们的国内模型:在系统环境变量中添加两个变量:
ANTHROPIC_AUTH_TOKEN = 你刚才在智谱生成的APIKeyANTHROPIC_BASE_URL = https://open.bigmodel.cn/api/anthropic
5. 开始你的第一个Vibe Coding项目
配置完成后,打开命令行,进入你的项目目录,运行:
claude
让我们让大模型帮我做一个简单的文生图网站:
如上图所示,大模型会拆解你的需求为多个步骤执行,每次执行都会询问你是否继续,你可以自行决策。
看看效果,然后你可以继续将你的文生图API格式和调用方式告诉他,很快一个功能完整的网站就诞生了!
方法二:WSL运行
WSL(Windows Subsystem for Linux)是适用于Linux的Windows子系统,允许你在Windows上直接使用Linux应用程序、实用工具和Bash命令行工具,无需传统虚拟机或双系统设置的开销。
1. 安装WSL
以管理员模式打开PowerShell,执行以下命令安装WSL:
# 默认下载应该是Ubuntuwsl --install# 这里可以替换 Ubuntu 为你的实际发行版名称。运行以下代码会以root 用户身份登录,无需密码。wsl -d Ubuntu -u root
2. 配置镜像源(可选)
为了加快下载速度,建议配置国内镜像源:
# 先备份sudo cp /etc/apt/sources.list /etc/apt/sources_init.listvim /etc/apt/sources.list
按i
进入插入模式,写入以下内容(以阿里源为例):
# ----------- 阿里源deb http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiversedeb http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiversedeb http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiversedeb http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiversedeb http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiversedeb-src http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiversedeb-src http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiversedeb-src http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiversedeb-src http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiversedeb-src http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse# ----------- 阿里源
按ESC
,输入:wq
保存退出。
3. 安装Node.js
WSL维护的Node版本可能较低,建议使用NVM(Node Version Manager)来管理Node版本:
# 安装Nvmcurl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash# 更新配置source ~/.bashrc# 安装最新 LTS 版本nvm install --lts # 或指定版本,二选一nvm install 20.5.0
4. 安装和配置Claude Code
# 安装claude-codenpm install -g @anthropic-ai/claude-code# 配置模型API地址export ANTHROPIC_BASE_URL=https://open.bigmodel.cn/api/anthropic# 配置模型API Keyexport ANTHROPIC_AUTH_TOKEN={YOUR_API_KEY}# 运行claude-code,可以提前进入你的项目目录,否则默认当前文件夹。claude
Vibe Coding实战技巧
有啥不懂的,比如不知道生成的代码在哪、如何运行,直接让大模型告诉你即可!这就是Vibe Coding的魅力所在——相比在Web上与大模型对话然后复制粘贴代码,本地运行更加方便、高效!以下是一些实用的Vibe Coding技巧:
- 明确描述需求:越详细的需求描述,AI生成的代码越符合预期分步骤实现:复杂项目可以拆分为多个小步骤,逐步实现及时反馈:如果生成的代码不符合预期,及时告诉AI哪里需要改进利用上下文:Claude Code会记住对话历史,可以基于之前的代码进行迭代学习与改进:观察AI生成的代码,学习编程技巧和最佳实践
部署你的Vibe Coding项目
完成开发后,你可以使用以下平台免费部署你的项目:
- Vercel:提供前端项目免费部署,支持自动部署和自定义域名Netlify:另一个优秀的前端部署平台,提供免费额度和简单易用的界面Railway:支持全栈应用部署,提供免费额度Render:支持Web服务、数据库等多种应用类型的免费部署
总结
今天我们介绍了如何使用Claude Code配合国产大模型GLM免费开启Vibe Coding之旅。相比其他付费工具,这个组合不仅零成本,而且功能强大,适合初学者和有经验的开发者。
推荐还是用Git方式运行Claude Code,操作比较方便。下期会继续分享Vibe Coding的高级技巧和更多实战案例,可以期待一下!
这里是GIS宇宙,我们下期再见!
本人其他平台账号:
- 微信公众号:GIS宇宙CSDN:GIS_宇宙知乎:GIS宇宙掘金:GIS宇宙