五分钟免费开启你的Vibe Coding之旅！

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外，还有很多很多：

5ire
BeeAI Framework
Cline
Continue
Cursor
Emacs Mcp
fast-agent
Genkit
GenAIScript
Goose
LibreChat
mcp-agent
Microsoft Copilot Studio
oterm
Roo Code

许多好用的工具都需要付费订阅，一个月几十美元的费用确实让人望而却步。今天就带大家五分钟免费开启Vibe Coding，我们用的工具是大名鼎鼎的Claude Code，配合国产大模型GLM，实现零成本高效编程！

开始你的Vibe Coding之旅

Claude Code之前在Windows上还依赖WSL来运行，现在已经更新可以通过Git直接运行，非常方便。下面介绍最简单的安装方法：

方法一：Git运行（推荐）

1.安装NodeJS

首先安装Nodejs，打开Node官网下载LTS版本，直接安装即可。安装完成后记得重启电脑，这样命令行就能访问node和npm命令了。

国内环境下载Claude可能会有网络问题，建议配置一个镜像：

arduino 复制代码

# 查看当前镜像源
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实际路径：

ini 复制代码

$env:CLAUDE_CODE_GIT_BASH_PATH="C:\Program Files\Git\bin\bash.exe"

3.安装Claude Code

bash 复制代码

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使用我们的国内模型：在系统环境变量中添加两个变量：

ini 复制代码

ANTHROPIC_AUTH_TOKEN = 你刚才在智谱生成的APIKey
ANTHROPIC_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：

bash 复制代码

# 默认下载应该是Ubuntu
wsl --install
# 这里可以替换 Ubuntu 为你的实际发行版名称。运行以下代码会以root 用户身份登录，无需密码。
wsl -d Ubuntu -u root

2. 配置镜像源（可选）

为了加快下载速度，建议配置国内镜像源：

bash 复制代码

# 先备份
sudo  cp /etc/apt/sources.list /etc/apt/sources_init.list
vim /etc/apt/sources.list

按i进入插入模式，写入以下内容（以阿里源为例）：

csharp 复制代码

# ----------- 阿里源
deb http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse
# ----------- 阿里源

按ESC，输入:wq保存退出。

3. 安装Node.js

WSL维护的Node版本可能较低，建议使用NVM（Node Version Manager）来管理Node版本：

bash 复制代码

# 安装Nvm
curl -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

bash 复制代码

# 安装claude-code
npm install -g @anthropic-ai/claude-code
# 配置模型API地址
export ANTHROPIC_BASE_URL=https://open.bigmodel.cn/api/anthropic
# 配置模型API Key
export 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宇宙