AI 入门实战:从零搭建你的第一个智能应用
本文带你一步步完成 AI 开发环境安装、模型选择与首次调用,零基础也能跑通第一个 AI 功能。
准备环境:你需要装什么
在开始之前,先确认你的电脑上已经安装了以下工具。如果还没有,请按顺序下载安装。
- Node.js:一个让 JavaScript 在电脑上运行的环境,类似手机需要系统才能装App。去官网下载最新稳定版。
- Expo CLI:一个帮你快速创建手机App的工具。在终端运行
npm install -g expo-cli即可安装。 - 一款代码编辑器:推荐 Visual Studio Code(简称VS Code),免费且好用。
一个小提醒:安装 Node.js 时记得勾选“Add to PATH”,否则后面命令会找不到。
安装步骤:一步步搭建项目
- 打开终端(Mac 用“终端”App,Windows 用“命令提示符”或 PowerShell)。
- 输入
npx create-expo-app MyFirstAIApp,回车等待项目创建完成。这会自动下载模板代码。 - 进入项目文件夹:
cd MyFirstAIApp。 - 安装 AI 相关的库:运行
npm install @anthropic-ai/sdk。这个库让你能调用 Claude(一个强大的AI模型,可以帮你写文章、回答问题)。 - 在项目根目录新建文件
.env,写入你的 API 密钥(类似密码,从 AI 服务商网站获取)。格式为ANTHROPIC_API_KEY=你的密钥。
常见坑:API 密钥不要直接写在代码里,否则上传到网络会泄露。用 .env 文件并添加到 .gitignore 中。
验证是否成功:写一段代码调用 AI
在项目里新建一个文件 testAI.js,复制以下代码:
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