极客前沿

AI 入门实战:从零搭建你的第一个智能应用

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

本文带你一步步完成 AI 开发环境安装、模型选择与首次调用,零基础也能跑通第一个 AI 功能。

准备环境:你需要装什么

在开始之前,先确认你的电脑上已经安装了以下工具。如果还没有,请按顺序下载安装。

  • Node.js:一个让 JavaScript 在电脑上运行的环境,类似手机需要系统才能装App。去官网下载最新稳定版。
  • Expo CLI:一个帮你快速创建手机App的工具。在终端运行 npm install -g expo-cli 即可安装。
  • 一款代码编辑器:推荐 Visual Studio Code(简称VS Code),免费且好用。

一个小提醒:安装 Node.js 时记得勾选“Add to PATH”,否则后面命令会找不到。

Tutorial Image

安装步骤:一步步搭建项目

  1. 打开终端(Mac 用“终端”App,Windows 用“命令提示符”或 PowerShell)。
  2. 输入 npx create-expo-app MyFirstAIApp,回车等待项目创建完成。这会自动下载模板代码。
  3. 进入项目文件夹:cd MyFirstAIApp
  4. 安装 AI 相关的库:运行 npm install @anthropic-ai/sdk。这个库让你能调用 Claude(一个强大的AI模型,可以帮你写文章、回答问题)。
  5. 在项目根目录新建文件 .env,写入你的 API 密钥(类似密码,从 AI 服务商网站获取)。格式为 ANTHROPIC_API_KEY=你的密钥

常见坑:API 密钥不要直接写在代码里,否则上传到网络会泄露。用 .env 文件并添加到 .gitignore 中。

验证是否成功:写一段代码调用 AI

在项目里新建一个文件 testAI.js,复制以下代码:

Tutorial Image
const Anthropic = require('@anthropic-ai/sdk');
require('dotenv').config();

const client = new Anthropic({ apiKey: process.env.ANTHROPIC_API_KEY });

async function main() {
  const response = await client.messages.create({
    model: 'claude-sonnet-4-20250514',
    max_tokens: 100,
    messages: [{ role: 'user', content: '用一句话介绍AI入门' }]
  });
  console.log(response.content[0].text);
}

main();

然后在终端运行 node testAI.js。如果看到 AI 返回的一句话,恭喜你,环境搭建成功!

注意:如果报错“API key not found”,检查 .env 文件是否在正确位置,或者重启终端。

下一步可以做什么

你已经成功调用了 AI 模型!接下来可以:

  • 在手机App里集成 AI 功能:参考 Expo 官方文档,用 expo-constants 读取环境变量。
  • 尝试不同的模型:比如 claude-opus-4-20250514 更擅长复杂任务,但速度稍慢。
  • 让 AI 生成结构化内容:比如要求返回 JSON 格式的课程计划,方便App解析。

记住,遇到问题先看官方文档,或者用英文关键词搜索,社区资源很丰富。

内容来源

freeCodeCamp

发布时间

2026-06-05 01:30

返回 AI技术