对于刚入门 Cocos Creator 并且没有 JavaScript 编程经验的同学来说,敲代码的体验真的是太差了。由于官网的文档都是基于 js 编写的,所以很多同学刚开始接触的都是 js 代码,对于 VS Code 编辑器来说,哪怕你装了很多智能提示的插件,也无法对 creator 自定义结构的代码进行有效提示,更别提跳转功能了。

比如下面这段代码,当你在 start 方法里,输入 this. 的时候并不会提示 method1、method2 和上面的 node1 等属性,当你按住 ctrl/cmd 键点击 this.method1() 时也不能跳转到 method1 函数体内。

cc.Class({  properties: {    node1: cc.Node,    node2: cc.Node,    label1: cc.Label,    label2: cc.Label,  },  start: function() {    this.method1();  },  method1: function() {    console.log('method1');  },  method2: function() {    console.log('method2');  },});

是不是很气?

救星来了,

VS Code 插件商店搜索 Cocos Creator JS

26117747e67162b438d6fc072e5ccc57.png

还你做程序员的雄风!!!(哪跟哪啊。。。)

8563d2c00d5357b1e2945c8e40c5ebb7.png

不光是提示功能,还支持函数跳转

df3d543bfa7598bdd562b5f498499715.gif

不光跳自己,还能跳外部文件

7f2ede1e12a949a55e80d05b9213ea12.gif

模块名也可以

05b4debbc65c2d852a2cf03195d2f46a.gif


当然,我只是把做好的功能展示出来了,比如函数参数提示这种东西就没有了。另外由于每个人的代码风格不同,可能解析的不准确,不要找我,自己来改。

https://github.com/potato47/vscode-cocos-creator-js


最后,我建议能不用 JS 就不用 JS,TypeScript 很香的。

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐