极客前沿

AI 编程入门:从零搭建你的第一个代码助手

2026-05-23 01:30
freeCodeCamp
查看原文

零基础读者将学会安装 Claude Code 并跑通第一个 AI 辅助编程任务,掌握环境配置和基本操作。

准备环境:你需要什么

在开始之前,请确保你的电脑满足以下条件:

Tutorial Image
  • 一台能联网的电脑(Windows / macOS / Linux 均可)
  • 安装 Node.js(一个让 JavaScript 在电脑上运行的工具,类似游戏需要安装运行库)
  • 一个 终端(也叫命令行,是输入文字指令的地方)
  • 注册一个 Anthropic 账号(Claude 的官方平台,用于获取 API 密钥)

如果还没有 Node.js,请访问 nodejs.org 下载 LTS 版本并安装。安装后打开终端,输入 node -v,如果显示版本号就说明成功了。

Tutorial Image

安装 Claude Code

Claude Code 是一个 AI 编程助手,能帮你写代码、改文件、解释错误。安装只需几步:

Tutorial Image
  1. 打开终端,输入以下命令并回车:npm install -g @anthropic-ai/claude-code。这会把 Claude Code 下载到你的电脑上。
  2. 安装完成后,输入 claude --version 检查是否成功。如果看到版本号,说明安装好了。
  3. 设置 API 密钥:在终端输入 export ANTHROPIC_API_KEY=你的密钥(把“你的密钥”替换成从 Anthropic 官网复制的密钥)。

常见坑:如果提示“权限不足”,在命令前加 sudo(macOS/Linux)或以管理员身份运行终端(Windows)。

Tutorial Image

第一次跑通:让 AI 帮你写代码

现在我们来体验 Claude Code 的能力。找一个你电脑上的项目文件夹(没有的话新建一个空文件夹),在终端里进入该文件夹,然后输入:

Tutorial Image
  • claude 启动交互模式。你会看到 AI 在等你提问。
  • 输入一个简单任务,比如:“帮我创建一个 HTML 文件,显示‘Hello World’并带一个蓝色按钮。”
  • Claude Code 会分析你的请求,然后生成代码并直接写入文件。期间它可能会询问你是否允许执行命令或修改文件,输入 y 同意即可。

完成后,用浏览器打开生成的 HTML 文件,就能看到效果了。恭喜!你已经成功用 AI 辅助编程。

Tutorial Image

下一步可以做什么

熟悉基本操作后,你可以尝试:

  • 让 AI 修复代码中的错误(把错误信息复制给它)
  • 让 AI 为你的代码写测试
  • 学习在项目根目录创建 CLAUDE.md 文件(用来告诉 AI 你的项目规则),这样 AI 会更懂你的需求

记住,AI 是辅助工具,关键代码还是要你自己理解和把关。从小任务开始,慢慢扩展,你会发现编程效率提升很多。

内容来源

freeCodeCamp

发布时间

2026-05-23 01:30

返回 AI技术