寫的比較亂，僅當參考
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檔案中使用
我的比較複雜些，各位根據自身情況處理