1. 简介
白鹭引擎（Egret）是一款开源的 HTML5 游戏引擎，它对于 HTML5 游戏开发提供了强大的支持。引擎采用 TypeScript 语言编写，使用面向对象的思路，易于学习和使用。PhpStorm 是一款常用的 IDE，它支持对 PHP、JavaScript、HTML/CSS 和其它语言进行开发，同时支持对 Egret 开发进行支持。
2. 准备工作
2.1 下载白鹭引擎
在进行 Egret 开发前，需要先下载并配置 Egret 环境。
可以到 白鹭引擎官网 下载 Egret Wing IDE，也可以使用命令行形式下载。
npm install -g egret2.2 安装 TypeScript
在进行 Egret 开发前，还需要安装 TypeScript 环境。
npm install -g typescript3. 在 PhpStorm 中配置 Egret
3.1 新建项目
在 PhpStorm 中新建 Egret 项目。
可以选择菜单项「File -> New Project -> TypeScript -> Empty TypeScript Config File」新建 TypeScript 的配置文件，也可以在文件夹中右键选择「New -> TypeScript Config File」新建。
3.2 配置项目
在新建的项目配置文件 egret.json 中，可以进行 Egret 项目的配置。
修改其中的 tsconfig.json 属性为 false，这意味着我们需要自己编写 TypeScript 的编译配置。
"tsconfig": false,4. 配置快捷键
在 PhpStorm 中，可以通过配置快捷键，来进行 Egret 项目的编译，并调用 Egret 的命令行工具 egret。
4.1 新建外部工具
选择菜单项「File -> Settings -> Tools -> External Tools」，新建 Egret 的编译快捷方式。
选择「Add -> Tool」，进行参数配置。
4.2 配置参数
在弹出的配置窗口中，进行如下配置：
Name：编译 Egret
Description：编译 Egret 项目。
Program：选择 Egret 命令行工具 egret。
Parameters：$ProjectFileDir$
Working directory：$ProjectFileDir$
具体配置如下：
4.3 配置快捷键
找到「Keymap」，添加快捷键，选择上一步新建的外部工具，并进行快捷键配置。
5. 编译 TypeScript 代码
在进行 Egret 项目开发时，需要编写 TypeScript 代码，并进行编译。
此时，我们可以使用上面配置好的快捷键，来进行 Egret 项目的编译。
在项目目录下打开终端（Terminal），输入命令：
egret build将会对项目中的 TypeScript 代码进行编译。
6. 总结
通过上述步骤，我们能够在 PhpStorm 中对 Egret 项目进行配置，并且配置了快捷键对 Egret 项目进行编译。
此外，PhpStorm 还支持对其它语言的开发和配置，为我们的开发提供了更加便捷的方式。