跳到主要内容
极客日志极客日志面向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/7/733 浏览

一、安装 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

更多推荐文章

查看全部
  • Phi-3-mini-4k-instruct 多场景应用:邮件/逻辑/代码生成详解
  • 基于 SpringBoot 的图书租借系统设计与实现
  • LeetCode 128:哈希集合巧解最长连续序列
  • 滑动窗口算法实战:串联所有单词的子串与最小覆盖子串
  • 基于 Coze 平台构建企业级 AI 客服机器人的实战指南
  • Windows 11 安装 nvm 管理 Node.js 和 npm 多版本及切换
  • WebCode 与 Clawdbot:AI 助手框架深度对比
  • Dify 与 MySQL 深度整合:基于 MCP 协议的数据交互实践
  • Java API 实战:从基础爬虫构建到条件数据提取,详解 URL 与正则策略
  • 动态规划路径类 DP 入门:最小路径和、迷雾森林与过河卒
  • 开源游乐场收银台与押金系统多场景收银能力设计
  • 前端开发进阶:AI 设计技能、工程最佳实践与硬件优化
  • OpenClaw 架构解析:单进程应用与插件式扩展设计
  • AI 大模型对网络的五大需求及技术应对方案
  • Spring Boot 实战:基于 WebClient 的 SSE 流式接口
  • Linux 下 libwebkit2gtk-4.1-0 安装与配置指南
  • C++ 函数重载:核心规则、实现原理与实战
  • 风险管控而非修补:金仓 SQL 防火墙体系化实践
  • DeerFlow 2.0 深度解析:字节跳动开源的超级 AI 智能体框架
  • OpenClaw 安装部署指南 - 搭建自托管 AI 助手

相关免费在线工具

  • 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