安装

如何安装 Phaser

创建 Phaser 游戏应用程序

快速开始使用 Phaser 的最简单方法是我们的应用程序create-phaser-game。此命令行工具提供了官方项目模板和演示游戏的交互式选择。发出命令，回答一些问题，应用程序将为您下载和配置正确的软件包。

npm create @phaserjs/game@latest
npx @phaserjs/create-game@latest
yarn create @phaserjs/game
pnpm create @phaserjs/game@latest
bun create @phaserjs/game@latest

我们有一个创建游戏应用程序教程，您可以阅读以了解有关此工具及其提供的功能的更多信息。

从 NPM 安装 Phaser

通过 npm 安装：

npm install phaser

来自 GitHub 的克隆 Phaser

Phaser 可在 GitHub 上获得，网址为 https://github.com/phaserjs/phaser

您可以通过 git 使用以下任一方式克隆它：

https://github.com/phaserjs/phaser.git
# or
git@github.com:phaserjs/phaser.git

或者，您可以使用 GitHub Desktop。有关详细信息，请参阅 Phaser GitHub 页面。

从 CDN 使用 Phaser

Phaser 位于 jsDelivr 上，它是一个“面向开发人员的超快速 CDN”。在 html 中包含以下任一内容：

<script src="//cdn.jsdelivr.net/npm/phaser@3.86.0/dist/phaser.js"></script>
<script src="//cdn.jsdelivr.net/npm/phaser@3.86.0/dist/phaser.min.js"></script>

它也可以从 Cloudflare 的 cdnjs 获得：

<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/3.86.0/phaser.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/3.86.0/phaser.min.js"></script>

Phaser TypeScript 定义

完整的 TypeScript 定义可以在 types 文件夹中找到。在package.json的条目types中也引用了它们，这意味着现代编辑器（如 VSCode）将自动检测到它们

根据您的项目，您可能需要将以下内容添加到您的tsconfig.json文件中：

"lib": ["es6", "dom", "dom.iterable", "scripthost"],
"typeRoots": ["./node_modules/phaser/types"],
"types": ["Phaser"]