VS Code智能提示在CocosCreator游戏中踩坑

【原创博文,转载请注明出处!】
嗯,之前的游戏是基于cocos2d-x引擎的C++环境下开发的,一直被产品吐槽着不能热更新☹️。没办法终于在半年之后决定改用CocosCreator的JavaScript环境来开发,你爱啥时候更新就啥时候更新。也因为踏上了CocosCreator这条贼船,就有了后面源源不断的故事(;′⌒`)。

进入今天的主题:VS Code智能提示失败。

相信很多人踩坑之前都看了官方代码编辑环境配置,看了以后按照官方引导安装了CocosCreator开发工具以及官方主推的编辑器VS Code,然后进入CocosCreator菜单栏 ->开发者-> VS Code工作流 -> 更新VS Code智能提示数据 (安装VS Code拓展插件、添加TypeScript项目配置...)点下去,嗯,安装好了,然后写demo了。

官方编辑环境配置引导.jpg

悲剧往往就是照着文档做下去,操作提示都正确,然后结果却和文档不一致。很多人会发现VS Code编写cocos的引擎API时提示不完整或者压根没有提示。(比如输入"cc.",应该会出现一堆提示的,或者手动输入“cc.Label”,按住command键(Windows就是Windows键)然后鼠标点击也无法跳转到引擎的API里面去),然后各种猴急各种百度,论坛去各种提问,会发现好多人都在提问同样的问题呢。然后各种回答各种各样,并且从反馈中可见都不能让人满意。比如这几个比较火的话题:
①想问一下 Visual Studio Code 总是项目开发到一半 突然智能提示失灵是怎么回事
② cocos creator + visual studio code??智能提示 有问题?

错误配置了JS环境智能提示.png
揭秘时刻

安装官方的“ 更新VS Code智能提示数据 ”,你肯定也点击了“添加TypeScript项目配置”!!!嗯,就是这个原因。VS Code也可以用TypeScript开发,但是如果你在用JavaScript的项目里面添加了TypeScript项目配置,就会在creator项目目录下生成一个tsconfig.json文件,如下图所示,这个TypeScript配置与JavaScript环境下cocos引擎的API智能提示功能冲突。但是使用TypeScript语言开发游戏,智能提示不受影响。所以我猜测在这种情况下,TypeScript的配置优先级高于JavaScript。


删除与JS环境冲突的配置.png

解决方案:删掉Creator项目目录下“tsconfig.json”文件(文件所在位置见上图)。

删掉冗余的配置后,在VS Code里面就可以正常启用智能提示功能。
正确配置JS环境智能提示.jpg
看到这里,点个赞呗❤️.png

你可能感兴趣的:(VS Code智能提示在CocosCreator游戏中踩坑)