Webstorm中cocos开发无法提示类型的问题方案

近期接触了cocos游戏开发的学习,在代码开发中遇到一些问题,开发时期会用到两个工具:

1、cocos creator – 用来UI构建以及资源管理
2、VS Code 或者其他编辑器 – 脚本代码开发

代码编辑官方推荐使用VS Code,但是我习惯上还是喜欢使用Webstorm,因为它要更加的强大一些,所以就遇到了下面的问题。

pasted-20230806193303

数据类型没有办法识别,展示警告,在开发的时候也没有代码提示,这问题在开发过程中对开发速度有不少的影响。

查看了一些资料说要将项目的temp文件夹设置为不排除,但是在我电脑上没有起到作用,所以研究了下 temp/declarations 文件夹下面的文件,发现类型声明文件关联的是应用程序下面的声明文件。

pasted-20230806202258

所以我们可以手动创建cocos库声明,并且在该项目上面启动即可。具体操作步骤如下,打开 Webstorm -> Settings -> 语言和框架 -> Javascript -> 库,点击右侧的添加按钮,进行如下配置:

pasted-20230806202602

点击 + 号分别添加下面的路径(可能随着编辑器的版本不同,详细请查看上述截图内的路径进行对应,下面是以版本3.7.3为例,并且是使用Cocos Dashboard安装的),注意这里要保存到全局,在其他的项目也可以用到。

/Applications/CocosCreator/Creator/3.7.3/CocosCreator.app/Contents/Resources/resources/3d/engine/@types
/Applications/CocosCreator/Creator/3.7.3/CocosCreator.app/Contents/Resources/resources/3d/engine/bin/.declarations

保存之后,勾选点击确定就可以了。

setting

设置完成之后,代码中也能高亮展示,编写代码的时候也有提示了。

pasted-20230806203432

留下回复