跳到主要内容

Claude Code是什么

Claude Code是Anthropic的AI编程工具。你描述要完成的任务，它可以读取项目文件、修改代码、运行命令，再根据结果继续调整。除了终端，它也提供编辑器扩展、桌面和网页入口；这篇从终端开始，带你做出第一个小页面。官方产品介绍

先准备什么​

准备一个单独的练习文件夹，以及能使用Claude Code的账号。已有Claude Pro或Max订阅，可以按提示使用Claude账号登录；Claude Console是另一条API使用路径。先确定自己用哪种方式，不要把订阅额度和API账单混在一起。账号与登录方式

系统兼容性以官方安装要求为准。以下是官方推荐的原生安装方式；只有选择npm安装时才需要额外准备Node.js。

安装并启动​

macOS、Linux或WSL，在终端运行：

curl -fsSL https://claude.ai/install.sh | bash

Windows PowerShell运行：

irm https://claude.ai/install.ps1 | iex

这两条命令会下载并执行官方安装脚本。安装完成后，新开一个终端，检查版本：

claude --version

然后创建一个空的练习目录，在里面启动：

mkdir claude-first-page
cd claude-first-page
claude

按终端提示完成登录。如果出现找不到claude的提示，先检查安装路径与常见问题，不要反复安装不同版本。安装命令与流程来自官方快速入门。

第一个任务：做一张能打开的个人介绍页​

下面是一段练习提示词，你可以把其中的内容换成自己的：

请在当前文件夹创建一个index.html个人介绍页。
只用HTML和CSS，不安装依赖，不调用外部服务。
内容先写「我的第一个AI作品」，放一句自我介绍和三个待填写的作品名称。
手机上也要能阅读。
开始前告诉我你准备创建哪些文件；完成后说明如何在浏览器打开，以及你检查了什么。

先看它准备做什么，再确认文件修改或命令执行。做完后，自己在浏览器打开index.html：检查标题是否正确、缩窄窗口后文字有没有挤出屏幕。不能只看它说「完成了」。

如果页面不合适，继续给一个具体修改，例如：

把标题改成「花叔的作品角」，自我介绍改成「不会写代码，也想把想法做出来」。
只改文字，保留其他布局。改完列出修改位置。

这是供你尝试的练习，不是效果保证。遇到错误，把实际报错交给它，要求解释原因后再修。想了解更多交互方式，可以在会话里输入/help，或看官方常用工作流程。

费用怎么看​

订阅与API的计费方式不同，任务大小、模型选择和上下文也会影响用量。这里不再给「每次几分钱」或「一定比另一款工具便宜」的结论。具体套餐看官方价格页，用量解释看官方成本文档。

接下来看什么​

本页安装与账号说明于2026年10月22日对照上述官方文档核对；未把文档核验写成各系统从零安装实测。其他章节仍有历史内容，涉及模型、命令和费用时请同时核对官方文档。

关注花叔：公众号、B站和小红书