快速开始使用 Phaser 的最简单方法之一是使用新的 create-phaser-game 应用。这是一个 CLI 工具，提供官方项目模板和演示游戏的交互式选择。只需选择指令，回答一些问题，应用程序就会下载并配置符合需求的包。
目前，我们支持下表列出的所有框架和打包工具：
| 框架 | 打包工具 |
|---|---|
| Vue.js | Vite |
| React | Rollup |
| Angular | Parcel |
| Next.js | Webpack |
| SolidJS | ESBuild |
| Svelte | Import Map |
其中大多数都有 JavaScript 和 TypeScript 版本。该工具将在可用时向您显示此选项。
演示游戏
除了上面列出的框架和打包工具之外，该应用还包括 3 个可以安装的演示游戏。这些都是：
- Phaser's Revenge - 一款太空动作像素艺术游戏
- Coin Clicker - 只需尽快点击硬币即可
- Memory Card Game - 在这个永恒的谜题中配对
这些游戏旨在演示如何使用 Phaser 游戏框架，因此您可以通过示例进行学习。如果您已经知道要构建什么，则可以选择其中一个模板。
如何使用
要以交互方式创建新的本地游戏模板，请使用以下终端命令之一：
npm create @phaserjs/game@latest
npx @phaserjs/create-game@latest
yarn create @phaserjs/game
pnpm create @phaserjs/game@latest
bunx create @phaserjs/game@latest
首次使用
如果这是你第一次使用 Phaser 并且不确定从哪里开始，我们建议选择以下选项： Web Bundler ，然后选择 Vite 。
自定义项目目录
你可以选择传递项目/文件夹名称，并通过向创建命令提供参数来跳过该工具的步骤：
npm create @phaserjs/game@latest folder-name
如果您的文件夹名称中有空格，请不要忘记将其用引号引起来：
npm create @phaserjs/game@latest "folder name"
安装后
然后，该工具会询问你一系列问题，以便你选择适合您需求的正确模板。
安装后，检查新创建的文件夹中的 README.md 文件，以获取有关如何启动和配置模板的进一步说明。
如果您发现错误，或者想要查看此工具背后的代码，您可以在这里查看该应用的源码。
