写的比较乱，仅当参考
1.下载对应版本
链接：https://github.com/protocolbuffers/protobuf/releases
我的是js版的在vue中使用
在vue项目中创建了个proto文件夹，把需要的文件放到这里了
在终端输入以下命令，出现下方即可
2.添加proto文件：DisplacementChannelData.proto，然后再终端对于目录下输入： protoc --js_out=import_style=commonjs,binary:. .\DisplacementChannelData.proto 则会生成对应的文件：DisplacementChannelData_pb.js
proto文件问后端要
proto文件如下，前面不需要加optional，默认存在，需要后端把这个去除发给你
转换成功后的文件
3.在全局引入
注册到原型上
4.在vue文件中使用
我的比较复杂些，各位根据自身情况处理