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，裏面有詳細的配置和踩星星入門遊戲的實現