使用背景
在上一篇(在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,里面有详细的配置和踩星星入门游戏的实现