跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客我的书GitHub 精选镜像AI 生图工具UI配色美学关于
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
JavaScriptNode.jsAI大前端

Node.js 22+ 环境搭建与 OpenAI/Vercel AI SDK 快速入门

Node.js 22+ 环境搭建指南,涵盖 OpenAI 官方库与 Vercel AI SDK 的基础配置流程。通过初始化项目、安装核心依赖及环境变量设置,实现流式文本生成的快速验证。重点解决 API Key 配置与 dotenv 加载问题,确保本地开发环境可顺利运行 AI 调用测试。

BigDataPan发布于 2026/3/23更新于 2026/8/2242 浏览

一、安装 Node.js 22+

先从 Node.js 官网 下载 v22.x 稳定版(LTS 或 Current 均可),根据系统选择对应安装包。安装完成后,终端执行 node -v 和 npm -v,看到版本号即表示环境就绪。

二、初始化项目与安装依赖

在项目根目录下创建文件夹,进入终端执行初始化命令:

npm init -y

接着安装核心依赖。这里需要引入 OpenAI 官方 Node.js 库以及 Vercel AI SDK:

npm install openai@latest
npm install ai@latest

三、基础配置

1. 配置 OpenAI 库

环境变量管理是安全调用的关键。在项目根目录创建 .env 文件,填入你的 API 密钥(需提前在 OpenAI 平台获取):

OPENAI_API_KEY=your-api-key-here

创建一个 index.js 文件进行基础测试。注意导入方式和异步处理:

import OpenAI from 'openai';

const openai = new OpenAI({
  apiKey: process.env.OPENAI_API_KEY
});

async function testOpenAI() {
  const response = await openai.chat.completions.create({
    model: 'gpt-3.5-turbo',
    messages: [{ role: 'user', content: 'Hello World' }]
  });
  console.log(response.choices[0].message.content);
}

testOpenAI();

2. 配置 Vercel AI SDK

Vercel AI SDK 同样依赖 OpenAI 的密钥,无需额外配置。它提供了更便捷的流式调用接口,修改 index.js 如下:

import { openai } from '@ai-sdk/openai';
import { streamText } from 'ai';

async function testVercelAI() {
  const result = await streamText({
    model: openai('gpt-3.5-turbo'),
    prompt: 'Hello World'
  });

  // 流式输出结果
  for await (const chunk of result.textStream) {
    process.stdout.write(chunk);
  }
}

testVercelAI();

四、运行测试

为了让环境变量生效,建议安装 dotenv 并配置启动脚本:

npm install dotenv --save-dev

在 package.json 中添加启动命令:

{
  "scripts": {
    "start": "node -r dotenv/config index.js"
  }
}

最后执行 npm start,如果终端能正常输出 AI 回复,说明整个链路已经跑通。

目录

  1. 一、安装 Node.js 22+
  2. 二、初始化项目与安装依赖
  3. 三、基础配置
  4. 1. 配置 OpenAI 库
  5. 2. 配置 Vercel AI SDK
  6. 四、运行测试
  • 免费图片AI生成工具免费生成了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 免费图片视频在线生成30秒,将你的创意变成现实开始设计
  • X/Twitter免费视频下载器免登陆无限额度免费视频解析下载了解详情
  • 100+免费在线小游戏爽一把
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • 内网环境下通过代理自动下载模型
  • ClawX 可视化 AI 智能体工具介绍与使用指南
  • Ollama 模型下载慢?国内镜像 + LLama-Factory 微调实战
  • 动态规划核心原理与经典例题解析
  • Midjourney 线上入口与中文环境使用指南
  • 从提示词到状态机:基于 MEMORY.md 的 Agent 任务栈架构实践
  • 渗透测试工程师零基础学习指南
  • Playwright 与 Puppeteer 模拟人工操作攻克纯前端渲染页面
  • 蓝桥杯 2025 省赛 Python B 组题目解析
  • Git 版本控制常用命令与场景指南
  • Windows 10 部署 llama.cpp 环境配置与编译指南
  • CSS 颜色函数与渐变:构建绚丽前端界面
  • Python 自学经典书籍推荐与系统学习路线指南
  • 默认安全治理实践:水平越权检测与前端安全防控
  • 使用 CSS 实现毛玻璃模糊背景效果
  • AJAX 原始请求详解:XMLHttpRequest 对象使用指南
  • JDK 安装与环境配置完整指南
  • 基于三省六部制的 AI Agent 协作架构 Edict 技术解析
  • 如何成为懂 AI 的产品经理
  • GLM-4v-9b 实战指南:基于 llama.cpp GGUF 在消费级 GPU 部署多模态模型

相关免费在线工具

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • 随机西班牙地址生成器

    随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

  • Keycode 信息

    查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online

  • Escape 与 Native 编解码

    JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online

  • JavaScript / HTML 格式化

    使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online