vscode中使用typescript开发Phaser游戏

使用背景

上一篇(在vscode中增加phaser代码提示)中,我们可以做到代码提示了,但是有个比较严重的问题,就是我们通过API创建的对象还是不能提示,因为js为弱类型,通过var group = game.add.group()创建出来的对象,你我都是知道是Phaser.Goup对象,但是编译器不知道啊,所以就没法提示喽。要想做到提示,就必须用到强类型的js,TyepScript

使用方法
  • 安装Typescript:npm install -g typescript

  • 在项目根目录新建文件夹:tsd,里面放置如下文件:

clipboard.png

  • 在根目录新建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,里面有详细的配置和踩星星入门游戏的实现

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值