【亲测免费】 PptxGenJS 安装和配置指南【ppt】

2026-01-20 02:04:37作者：韦蓉瑛

1. 项目基础介绍和主要编程语言

项目基础介绍

PptxGenJS 是一个用于创建 PowerPoint 演示文稿的 JavaScript 库。它允许开发者通过简洁的 JavaScript API 生成兼容 Microsoft PowerPoint、Apple Keynote 等应用程序的演示文稿。PptxGenJS 支持多种现代浏览器，并且可以与 Node.js、Angular、React 和 Electron 等框架集成。

主要编程语言

PptxGenJS 主要使用 TypeScript 编写，但也可以在纯 JavaScript 环境中使用。

2. 项目使用的关键技术和框架

关键技术

JavaScript/TypeScript: 用于编写和运行 PptxGenJS 的核心逻辑。
Node.js: 用于在服务器端生成 PowerPoint 文件。
Angular/React: 用于在现代前端框架中集成 PptxGenJS。
Electron: 用于构建跨平台的桌面应用程序。

框架

NPM/Yarn: 用于包管理和依赖安装。
CDN: 用于在浏览器中直接加载 PptxGenJS。

3. 项目安装和配置的准备工作和详细的安装步骤

准备工作

在开始安装之前，请确保你已经安装了以下工具：

Node.js: 用于运行 JavaScript 代码和安装依赖包。
NPM/Yarn: 用于管理项目依赖。

安装步骤

使用 NPM 安装

打开终端或命令行工具。
导航到你的项目目录。
运行以下命令安装 PptxGenJS：
```
npm install pptxgenjs --save
```

使用 Yarn 安装

打开终端或命令行工具。
导航到你的项目目录。
运行以下命令安装 PptxGenJS：
```
yarn add pptxgenjs
```

使用 CDN 安装

如果你不想通过 NPM 或 Yarn 安装，可以直接在 HTML 文件中使用 CDN 加载 PptxGenJS。

在 HTML 文件的 <head> 部分添加以下脚本标签：

<script src="https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs@3.12.0/dist/pptxgen.bundle.js"></script>

配置步骤

在 Node.js 项目中使用

在你的 JavaScript 文件中导入 PptxGenJS：
```
const PptxGenJS = require('pptxgenjs');
```

创建一个新的演示文稿并添加内容：

let pptx = new PptxGenJS();
let slide = pptx.addSlide();
slide.addText("Hello World from PptxGenJS", { x: 1, y: 1, color: "363636" });
pptx.writeFile({ fileName: "Sample Presentation.pptx" });

在浏览器中使用

确保你已经通过 CDN 加载了 PptxGenJS。

在 JavaScript 代码中创建一个新的演示文稿并添加内容：

let pptx = new PptxGenJS();
let slide = pptx.addSlide();
slide.addText("Hello World from PptxGenJS", { x: 1, y: 1, color: "363636" });
pptx.writeFile({ fileName: "Sample Presentation.pptx" });