generative-ai-with-javascript

边玩时间旅行剧情，边用 JS 上手生成式 AI

开源 free 学习教育

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 1285

维护状态较活跃

是否开源是

定价模式 free

项目预览

项目数据

分类学习教育

开发团队microsoft

所属国家

官网地址https://microsoft.github.io/generative-ai-with-javascript

GitHubhttps://github.com/microsoft/generative-ai-with-javascript

定价模式free

价格说明开源免费教学项目

访问状态

是否开源是

开源协议MIT

主要语言JavaScript

技术栈/模型ai,generative-ai,javascript,llm,samples,training

GitHub 星标★ 1285

30天Star增速

HF 下载量

上线时间2024-07-22 00:00:00

代码更新—

仓库体积—

本站数据更新—

维护状态较活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-10-20

浏览次数0

项目介绍

这是一个面向 JavaScript 开发者的生成式 AI 学习项目，以“时间旅行冒险”的叙事包装课程内容，让学习者在与历史人物对话的互动剧情中掌握生成式 AI 技术。项目解决的是传统 AI 教程偏理论、缺乏动手场景的问题，把 LLM 调用、提示词设计、对话应用等知识点嵌入可运行示例中。核心能力包括：提供基于 JavaScript 的示例代码与练习，覆盖生成式 AI 基础概念与常见应用模式；用故事化任务驱动学习，降低入门门槛；配套培训材料与样例，方便边学边改。适合前端或 Node.js 开发者快速上手 AI 应用开发，也可作为教学或工作坊素材。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

难度：入门约 10 分钟部署方式：云服务 7 步

⚠ 该项目 README 未提供完整安装说明，以下步骤为通用流程，请以官方文档为准。

环境要求

GitHub 账号（用于 Fork 仓库和创建 Codespace）
Node.js LTS（仓库根目录包和 companion app 需要）
Microsoft Foundry 项目并部署一个聊天模型
可用的模型 endpoint 和 API key

安装与启动步骤

1Fork 仓库

在 GitHub 仓库右上角点击 Fork，复制到自己的账号，便于运行和修改示例代码。
2创建 Codespace

在 Fork 后的仓库点击 Code，进入 Codespaces 标签，选择 Create codespace 创建在线环境。
3阅读设置指南

按 README 指引打开 docs/setup/README.md，完成课程环境配置。
4创建 Foundry 项目

在 Microsoft Foundry 中创建项目，并部署一个聊天模型供示例调用。
5配置端点与密钥

在仓库根目录的 .env 中填写模型 endpoint 和 API key，本地与 Codespaces 都需要配置。
6运行 companion app

参考 app/README.md 在本地运行应用，或继续使用 Codespaces 在线运行。
7完成实时检查

按设置指南做一次 companion app 实时检查，确认能正常调用聊天模型。

关键配置

配置项	必填	说明	示例
`endpoint`	是	模型服务端点，写入仓库根目录 .env。	`https://your-endpoint.example.com`
`API key`	是	访问已部署聊天模型的密钥，写入仓库根目录 .env。	`sk-xxxxxxxx`

如何确认成功

按设置指南完成 companion app 实时检查，能正常调用聊天模型即表示配置成功。

常见问题

Q：必须使用 GitHub Codespaces 吗？

A：不是。README 说明也可在本地运行代码示例，但本地和 Codespaces 都需要完成模型配置。

Q：需要自己准备模型吗？

A：需要。按设置指南创建 Microsoft Foundry 项目、部署聊天模型，并配置 endpoint 和 API key。

Q：每节课依赖都一样吗？

A：不一定。README 说明每个 lesson package 有自己的依赖要求，需分别查看对应课程说明。

Q：没有 API key 能运行吗？

A：不能正常调用聊天模型。需先按课程设置指南完成 Foundry 项目和聊天模型部署。

注意事项

仓库根目录包和 companion app 需要 Node.js LTS。
本地开发和 Codespaces 都需要模型配置。
README 未给出具体安装命令，请以 docs/setup/README.md 和 app/README.md 为准。
各 lesson package 的依赖要求可能不同，运行前查看对应课程目录。

核心亮点

用故事化任务串联知识点，比纯文档教程更有代入感，适合零基础起步
示例以 JavaScript 为主，前端/Node 开发者无需切换语言即可跑通 AI 应用
内容覆盖生成式 AI 基础到对话应用，并配套样例代码，可直接改造成自己的练习

不足之处

课程内容深度有限，偏入门体验，进阶的工程化与生产实践覆盖不足
示例依赖外部模型服务，学习者需自行准备 API 密钥，开箱即用性受影响

适用场景

前端开发者想快速了解如何用 JavaScript 调用大模型并做对话应用
高校或培训机构用作生成式 AI 入门工作坊的动手教材
个人开发者通过改示例代码，快速搭建自己的 AI 小项目原型

替代项目

microsoft/generative-ai-for-beginners、openai/openai-cookbook

上一篇：Generative-AI-for-beginners-dotnet

下一篇：Generative-AI-for-beginners-java