在vscode中增加phaser代码提示

最新推荐文章于 2022-10-10 22:20:54 发布
最新推荐文章于 2022-10-10 22:20:54 发布
阅读量430 收藏
点赞数
文章标签： 开发工具
原文链接：https://segmentfault.com/a/1190000010050295
版权

  • 第一步：在项目根目录增加jsconfig.json文件，里面的内容是{}空括号

  • 第二步：在项目根目录增加defs文件夹，里面包括三个文件：p2.d.ts、phaser.comments.d.ts、pixi.d.ts

clipboard.png

  • 第三步：新建js文件，再输入，你就会发现有提示了，是不是感觉生活又美好了很多啊^_^

clipboard.png

weixin_34220623
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
使用VSCode开发Phaser3
weixin_34268310的博客
07-18 375
自己个人比较喜欢使用vscode，用来写点js感觉很爽利。所以使用Phaser得时候也想用vscode，但是发现没有语法提示。最后搜了一圈找到了方法，在这里记录一下。 1.首先创建一个目录，作为项目得工作目录。我这里创建了demo目录 2.在目录下新建一个目录，命名为 defs（命名看个人喜好）。 3.从Phaser3得文档仓库拷贝typescript文件 在types...
vscode 搭建web工程_【5分钟】搭建phaser3的typescript项目
weixin_29663861的博客
12-25 366
最近刚入坑phaser3，由于我自身比较喜欢typescript，所以我就捣鼓着搞了一个项目框子。这里分享给有需要的童鞋们使用。前提条件：安装nodejs v8以上版本装好nodejs后，全局安装gulp，命令为：npm install gulp -g安装vscode，且在vscode中，安装插件：debugger for chrome两种使用方法：第一种方式：从GitHub上clone代码：ph...
Phaser 开发之智能提示
Rogeremail (绿色环保-菜青虫)
12-19 847
Phaser 开发之智能提示 Phaser官方建议的编辑器不太符合本人的习惯，由于被VS开发环境惯坏了，所以苦苦的找资料，终于有所收获： 1.到这里 https://github.com/lewster32/phaser-plugin-isometric/tree/master/dist 去自下载： phaser-plugin-isometric.js phaser-plu
vscode插件开发总结
woyebuzhidao321的博客
01-10 1万+
比较好的文章可供参考： https://zhaomenghuan.js.org/note/vscode/awesome-vscode.html https://zhuanlan.zhihu.com/p/99587182 一、关键字高亮实现
【phaser】快速实现HTML5 2D小游戏
nruuu的博客
01-20 4396
使用 phaser 框架快速实现 2d 小游戏。2022/1/25 更新至炸弹添加。
phaser.examples：在Typescript中学习相位器
02-06
2. **TypeScript集成**：将Phaser与TypeScript结合，可以利用TypeScript的强类型系统，为Phaser的API提供类型定义，这样在编写代码时就可以得到IDE的智能提示和编译时错误检查，避免运行时可能出现的问题。...
BrickBreakerJS：使用Phaser 3在JS中复制BrickBreaker
02-04
《使用Phaser 3在JS中构建BrickBreaker游戏》 在IT行业中，游戏开发是一项充满挑战和创新的工作，而JavaScript作为Web开发的主要语言，自然也被广泛应用在游戏开发领域。Phaser 3是一个强大的开源游戏框架，它为...
Brickapalooza：在Phaser中完成的简单突围式游戏
02-06
游戏的物理引擎在Phaser中尤为重要，它允许开发者模拟现实世界中的物理规则，例如重力、弹性碰撞等。在Brickapalooza中，小球的弹跳效果就是通过物理引擎计算出来的。游戏的挡板也有物理属性，能够与小球进行弹性...
问答游戏：Phaser中的问答游戏
02-04
问答游戏 ... 在浏览器中打开 http://localhost:8080 改变问题 只需编辑www-root / data / questions.json { "question" : "What is the chemical symbol for the element oxygen?" , "choices" :
shmup:在Phaser中射击Em
05-22
<title>shmup/README.md at master · SwanCanNon/shmup</title> <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">...
PIXI.TextInput:pixi.js插件，提供了一种向pixijs阶段添加文本输入的便捷方法
05-08
PIXI.TextInput-pixi.js的插件 关于 pixi.js的此插件提供了一种将文本输入添加到pixijs阶段的便捷方法。 输入本身是一个HTML <input>元素，根据PIXI-DisplayObject给出的转换，该元素位于舞台的上方。 该框在PIXI平台上绘制。 此外，您可以选择当文本字段没有焦点时，插件是否应使用本机pixi-Text替换<input> 。 演示版 正在安装 在dist/PIXI.TextInput.min.js之后将dist/PIXI.TextInput.min.js包含在html文档中，或通过以下方式npm install pixi-text-input ： npm install pixi-text-input 文献资料 TextInput的行为与任何其他PIXI-DisplayObject一样。 它继承自PIXI.Container并具有所有关
PIXI.js源码解析（6）-js语法特性
o83290102o5的博客
06-25 807
在js实现面向对象架构的一些技巧 保护构造函数不被乱调用 在pixi的源码中有如下的一个内部函数，通过检查this指针的指向来进行检查，其原理是不加new调用构造函数时,this就指向一个全局单例对象(在浏览器环境中则是window)。而加new调用时，this指向构造函数对应的对象。 （PS:更深入的解释一下，因为js直接声明函数默认就是挂载到全局对象上，不加new，就相当于在全局对象中调...
pixi.js # 中文版基础教程
十一月廿七风雨大作
05-03 7027
本篇博客为转载文章，原文地址：https://github.com/Zainking/LearningPixi Pixi教程 基于官方教程翻译；水平有限，如有错误欢迎提PR，转载请注明出处。翻译者为htkz（完成了用 Pixi 绘制几何图形 和 显示文本 章节）和zainking(完成了其他所有章节) 另感谢htkz、NearZXH以及HHHHhgqcdxhg对错误及错别字等做出的订正。 这个...
PixiJS超级详细教程【从入门到入土-上】
烟溪彭于晏的博客
10-10 9720
来自GitHub教程
vscode中使用typescript开发Phaser游戏
weixin_34099526的博客
07-05 528
使用背景 在上一篇（在vscode中增加phaser代码提示）中，我们可以做到代码提示了，但是有个比较严重的问题，就是我们通过API创建的对象还是不能提示，因为js为弱类型，通过var group = game.add.group()创建出来的对象，你我都是知道是Phaser.Goup对象，但是编译器不知道啊，所以就没法提示喽。要想做到提...
Visual Studio Code 使用 Typings 实现typescript的智能提示功能
圆静居士的专栏
04-28 7203
Visual Studio Code 可以通过 Typings 来对 JavaScript 实现智能提示功能：1.通过NPM安装Typings通过 NPM 我们可以很容易的安装 Typings ，在命令行中输入：npm install -g typings安装完成后，在命令行中输入：typings --version看到版本信息就表示 typings 工具安装完成了2.安装相关提示信息文件安装完成...
sublime text3自动提示phaser的api文档
oBaShen的博客
10-28 705
首先我们去下载一个插件Tern for Sublime Text，然后，我们打开sublime text，新建一个文件夹的名字为phaser就可以了，其他的配置可以看下到官网去看一下配置 https://github.com/ternjs/tern_for_sublime，非常的简单，给个截图吧
webstorm + vscode支持微信小程序语法及代码智能提示教程
weixin_33693070的博客
12-13 858
做了半年的微信小程序，贴出枝枝(在下小名)抛弃微信开发工具，使用webstorm和vscode开发的教程。注意：代码只能提示只有js文件工具：电脑一台、webstorm、vscode1.首先FileType下Cascading Style Sheet 添加*.wxss2.FileType下HTML 添加*.wxml3.打开vscode，搜索下图中的插件安装。其中有一个插件是可以生成一个wx.d.t...
VSCode 自动补全(智能提示)
热门推荐
weixin_30839881的博客
03-16 3万+
自动补全(智能提示) 因为之前微软推出了typescript语言，结合tsd文件，用visual studio写typescript代码是相当爽的，智能提示的功能非常nb。 这个功能理所应当也被vsc继承了。 vsc的自动补全用的是typings。 The TypeScript Definition Manager（之前的tsd已经弃用了，faq里有说明） https://github....
在Phaser中创建GameScene
最新发布
05-10
在Phaser中创建GameScene，需要先创建一个新的Phaser.Scene对象，然后在该对象中实现游戏场景的逻辑。以下是一个简单的示例： ```javascript // 创建一个新的场景对象 var GameScene = new Phaser.Scene('Game'); // 在场景对象中添加 preload 方法，用于加载游戏资源 GameScene.preload = function() { // 加载游戏资源 this.load.image('background', 'assets/background.png'); this.load.image('player', 'assets/player.png'); }; // 在场景对象中添加 create 方法，用于创建游戏对象 GameScene.create = function() { // 创建游戏对象 this.add.image(0, 0, 'background').setOrigin(0); this.add.image(100, 100, 'player'); }; // 将场景对象添加到游戏中 this.scene.add('Game', GameScene); // 启动游戏场景 this.scene.start('Game'); ``` 在上面的示例中，我们先创建了一个新的场景对象 `GameScene`，然后在该对象中实现了 `preload` 和 `create` 方法，用于加载游戏资源和创建游戏对象。最后，我们将该场景对象添加到游戏中，并启动该场景。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值