vscode中使用typescript开发Phaser游戏

使用背景

在上一篇（在vscode中增长phaser代码提示）中，咱们能够作到代码提示了，可是有个比较严重的问题，就是咱们经过API建立的对象仍是不能提示，由于js为弱类型，经过var group = game.add.group()建立出来的对象，你我都是知道是Phaser.Goup对象，可是编译器不知道啊，因此就无法提示喽。要想作到提示，就必须用到强类型的js，TyepScript

使用方法

• 安装Typescript：npm install -g typescript

• 在项目根目录新建文件夹：tsd，里面放置以下文件：

• 在根目录新建tsconfig.json文件

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": false
    },
    "exclude": [
        "node_modules",
        "typings/main",
        "typings/main.d.ts",
        "tsd/phaser.comments.d.ts",
        "tsd/pixi.comments.d.ts"
    ]
}

• 完成以上步骤，vscode就已经支持Phaser的提示了

• 想要查看Phaser在TS下的写法，请移步GitHub，里面有详细的配置和踩星星入门游戏的实现