摘要:要想做到提示,就必须用到强类型的,使用方法安装在项目根目录新建文件夹,里面放置如下文件在根目录新建文件完成以上步骤,就已经支持的提示了想要查看在下的写法,请移步,里面有详细的配置和踩星星入门游戏的实现
使用背景
在上一篇(在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,里面有详细的配置和踩星星入门游戏的实现
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/83865.html
摘要:由于公司项目转型,需要创造一个小游戏平台,需要使用一个比较成熟的前端游戏框架来快速开发小游戏。仅支持开发游戏,因为专注,所以高效。早在年的光棍节前一天晚上,这个游戏就诞生了。原型是一个之前很火的非常魔性的小游戏,叫寻找程序员。 showImg(https://segmentfault.com/img/bVMGY5?w=900&h=500); 写在前面 实际上我从未想过我会接触到H5小游...
摘要:官方提供了一个使用了模版的项目,地址该项目已经使用了和,在此基础上,我们加入。安装和在的配置中增加文件的在增加文件,该文件也是官方提供的。在根目录下新建,然后修改文件即可按找如下方式加载图片一个加入了的模版的地址 phaser官方提供了一个使用了webpack模版的项目,github地址,该项目已经使用了babel和webpack,在此基础上,我们加入typescript。 showI...
摘要:第一步在项目根目录增加文件,里面的内容是空括号第二步在项目根目录增加文件夹,里面包括三个文件第三步新建文件,再输入,你就会发现有提示了,是不是感觉生活又美好了很多啊 第一步:在项目根目录增加jsconfig.json文件,里面的内容是{}空括号 第二步:在项目根目录增加defs文件夹,里面包括三个文件:p2.d.ts、phaser.comments.d.ts、pixi.d.ts s...
阅读 1587·2019-08-30 13:18
阅读 1576·2019-08-29 12:19
阅读 2094·2019-08-26 13:57
阅读 4137·2019-08-26 13:22
阅读 1179·2019-08-26 10:35
阅读 2990·2019-08-23 18:09
阅读 2499·2019-08-23 17:19
阅读 675·2019-08-23 17:18