Cocos Creator TypeScript 中使用ProtoBuf(利用工具把proto文件生成对应的js文件以及ts文件)

时间:2024-05-21 07:39:53

我是一枚刚入坑cocos的小白o(╯□╰)o

开发环境:Cocos Creator 1.9   (需要安装Node.js,使用npm命令)

在网上找了很久都是讲的protobuf.js的用法,但是没有找到关于ProtoBuf在 Cocos Creator (TypeScript)的完整开发流程,就是把proto文件生成对应的js类然后再生成ts文件,可以在代码中直接实例化js中对象,并且有代码的智能提示。

预告)后面我会详细的把整个流程写下来,希望能对刚入坑的小白们能有所帮助

暂时放几张截图:

使用命令生成JS文件,以及TS文件

//proto文件生成一个js文件
e:\workspace\StudyTypeScript\node_modules\.bin>pbjs -t static-module -w commonjs -o bundle.js login.proto 
//生成.d.ts文件
e:\workspace\StudyTypeScript\node_modules\.bin>pbts -o bundle.d.ts bundle.js

Cocos Creator TypeScript 中使用ProtoBuf(利用工具把proto文件生成对应的js文件以及ts文件)

Cocos Creator TypeScript 中使用ProtoBuf(利用工具把proto文件生成对应的js文件以及ts文件)

实例化对象(智能提示)

Cocos Creator TypeScript 中使用ProtoBuf(利用工具把proto文件生成对应的js文件以及ts文件)

最后正常输出:

Cocos Creator TypeScript 中使用ProtoBuf(利用工具把proto文件生成对应的js文件以及ts文件)

Ps:中间有遇到不少坑,整整花了我一个礼拜才把整个流程弄好,o(╯□╰)o 然后弄到现在的项目中并正常使用。

后面有空我会把整个开发流程补充详细,希望对大家有所帮助。