掘金 人工智能 前天 12:46
五分钟免费开启你的Vibe Coding之旅!
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

Vibe Coding(氛围编程)是一种新兴的开发范式,由OpenAI联合创始人Andrej Karpathy提出,它强调通过自然语言与AI工具协作,将开发流程转变为人机对话。这种方式打破了传统编程对语法和调试的依赖,使得非技术背景的用户也能参与应用开发。文章详细介绍了如何使用Claude Code配合国产大模型GLM,实现零成本的Vibe Coding体验,并提供了Git运行和WSL运行两种安装方法。此外,还分享了Vibe Coding的实战技巧,如明确需求、分步实现、及时反馈、利用上下文以及学习改进,并推荐了Vercel、Netlify等免费部署平台,帮助读者快速开启AI驱动的编程之旅。

💡 Vibe Coding是一种全新的编程范式,核心在于通过自然语言与AI工具(如Claude Code)进行交互,实现代码的自动生成,将开发过程转变为人机协作的创意对话,降低了编程门槛,实现了“人人皆可编程”。

💻 文章提供了两种免费体验Vibe Coding的方法:推荐使用Git直接运行Claude Code,安装步骤包括配置Node.js、Git,安装Claude Code,以及配置国产大模型GLM(如智谱AI)作为替代,通过设置环境变量指向GLM的API即可实现免费高效编程。

🚀 在WSL(Windows Subsystem for Linux)环境下,也可以安装和配置Claude Code。具体步骤包括安装WSL、配置国内镜像源加速下载、使用NVM管理Node.js版本,以及配置环境变量使用GLM模型。

🛠️ Vibe Coding的实战技巧包括:需求描述要明确详细,复杂项目可分步骤实现,生成代码不符预期时要及时反馈,并充分利用AI的上下文记忆进行迭代,同时通过观察AI生成的代码来学习编程技巧。

🚀 项目开发完成后,可以使用Vercel、Netlify、Railway、Render等平台免费部署前端或全栈应用,进一步实现开发成果的落地。

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外,还有很多很多:

许多好用的工具都需要付费订阅,一个月几十美元的费用确实让人望而却步。今天就带大家五分钟免费开启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技巧:

部署你的Vibe Coding项目

完成开发后,你可以使用以下平台免费部署你的项目:

总结

今天我们介绍了如何使用Claude Code配合国产大模型GLM免费开启Vibe Coding之旅。相比其他付费工具,这个组合不仅零成本,而且功能强大,适合初学者和有经验的开发者。

推荐还是用Git方式运行Claude Code,操作比较方便。下期会继续分享Vibe Coding的高级技巧和更多实战案例,可以期待一下!

这里是GIS宇宙,我们下期再见!

本人其他平台账号:

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

Vibe Coding AI编程 Claude Code GLM Andrej Karpathy
相关文章