后端做游戏(Claude Code 保姆级安装教程,一句指令写游戏!(图文详解))

后端做游戏(Claude Code 保姆级安装教程,一句指令写游戏!(图文详解))
Claude Code 保姆级安装教程,一句指令写游戏!(图文详解)

大家好,这里是AI共生阁。


今天我给大家分享最近热门的编程工具Claude Code。


面向小白的教程,从零开始安装,最后会体验Claude Code的三种编程模式,每个模式都带有小例子。

2026年,氛围编程(vibe coding)就从Claude Code开始吧!

第一步,我们需要安装 NodeJS, 下载最新版本即可。

官网地址:https://nodejs.org/zh-cn

点击“获取Node.js”绿色按钮

进入页面后,点击“Windows 安装程序(.msi)”, 下载完成后开始进行安装,选择一个你的安装目录后,一直点击 next(下一步)直到结束。

Node.js 是一个基于 JavaScript 的跨平台、开源的服务器端运行环境,安装这一步就是为了后续通过npm安装claude code。

接下来,我们点击Window的开始菜单按钮,输入“cmd”, 选择“已管理员运行”,打开这个黑色的框(终端面板)

输入这行命令:npm install -g @anthropic-ai/claude-code

开始安装 claude code.

安装完成后,重新打开一个终端面板(重新运行cmd)

输入:claude,开始启动claude code

接下来是一些设置:

上下箭头切换,选择你喜欢的主题样式,回车进行确认。

紧接着,会让你选择登录方式:

  1. Claude account with subscription (使用带订阅的 Claude 账户)

就是用你的月付/年付会员权益。

  1. Anthropic Console account (使用 Anthropic 控制台账户)

就是走开发者的 API 余额。

这里我选择第一种方式,会员订阅登录。

回车后,会自动打开浏览器,跳转到官网进行授权。

授权成功后,关闭页面,重新回到终端面板。

回到终端面板,会看到已经登录成功。

按住回车继续往下看,会提示你是否授权文件夹,我们目前没有进入自己的项目文件夹,选择退出即可。

接下来,在电脑中新建一个你的项目文件夹,

进入后,在文件夹路径栏,

输入:cmd, 回车后进入终端面板。

接下来我们开始 claude code 的实战环节。

在终端输入:claude,开启claude code.

第一次会询问你是否给当前文件夹授权,这里默认选择同意操作。

进入claude code终端对话界面后,进入默认会话状态

在这里你可以通过自然语言沟通,比如我输入:“你是谁?”

claude会基于默认的模型,思考之后回复我内容。

使用 斜杠符号 “/”, 会自动关联出来内置指令,上下箭头切换。

接下来介绍一些常用指令:

Status

显示 Claude Code 的当前运行状态。这包括当前的软件版本、正在使用的 AI 模型、登录的账户信息等。

/model

会显示现在使用的模型以及可以切换的模型,上下箭头切换,回车确认即可。

/usage

显示你当前的消耗额度使用。

Claude每五个小时会重置一次,每周也有一个防止滥用的总量的限制,可以通过这个指令实时查看。

在使用 Claude Code 时,如果你厌倦了反复交代背景信息,那么 /memory 就是你的效率神器。

通过该指令,你可以让 Claude 记住特定的偏好、身份信息等内容,从此告别“每次对话都要重打一遍”的烦恼。

用户记忆 (User Memory):全局生效。

项目记忆 (Project Memory):仅对当前项目生效。

它会在项目根目录创建一个配置文件,Claude 每次启动时都会优先阅读。

比如:我在这里输入了我的名字,当我下次询问claude的时候,它会记住我。

这就像给 Claude 装了一个“备忘录”,你也可以放一些你常用的提示词进来,方便复用。

下面开始实战案例:

直接输入:“帮我做一个只有一个文件的网页,内容是一个经典的贪吃蛇游戏,要有计分功能,蛇撞墙会游戏结束。”这么一句话。

Claude会思考和输出内容,最后停留在一个确认页面。

默认的权限不会自动帮我们创建文件,你可以选择

  1. 同意
  2. 在此期间都同意
  3. 不同意

这里选择1.同意。

稍等片刻,我们看到它已经处理完了,并且告诉我游戏特性和操作方式。

可以看到文件夹内多了一个文件。

双击打开后,我们尝试一下。

上下左右可以移动贪吃蛇,并且没吃掉一个方块,会增加对应的分数。

触碰到墙壁后,游戏就会截止。

整体下来,游戏很完整,不需要调整什么。

这就是claude code 的魅力,一句话就可以搞定一个小游戏。

开始的时候,我说过claude code有三种编程模式,

刚才演示的是第一种 常规模式 (Normal Mode)

后端做游戏(Claude Code 保姆级安装教程,一句指令写游戏!(图文详解))

接下来,我们讲解剩下的两种编程模式。

在claude code 中,Window系统是按住 Alt + M 键,可以轮播切换编程模式。

我们切换到 自动接受模式,这个模式下,不需要你再次确认,输入你的问题后,剩下的活,比如创建文件、修改文件等,claude code都会帮你自动完成。

示例:“帮我做一个只有一个文件的网页,内容是一个会发光的、科幻风格的数字时钟,让我双击这个文件就能直接在浏览器里看到效果。”

同样是在文件夹内生成一个文件,我们双击看下。

效果和我的需求相匹配。

最后,我们体验一下 计划模式。

进入到计划模式后,输入需求后,它会先给你列出来他的任务规划。后续你可以:

1.Yes, and auto-accept edits(同意,并开启自动接受)

2.Yes, and manually approve edits(同意,但保持手动确认)

3.Type here to tell Claude what to change(输入指令进行修正)

这里我们尝试第三种,我想把背景改成浅色的。

输入完成后,回车。

稍等片刻,我们看下效果。

它不仅是把背景改成了浅色,字体也同步适配了色调。

Claude code好用,但是有网络问题。

下期我将讲解如何在Claude Code 环境中,接入智谱AI最新的 GLM 模型作为后端核心。

这里是AI共生阁,我们下期见!

文章版权声明:除非注明,否则均为边学边练网络文章,版权归原作者所有

相关阅读