如何把pinna添加到vue-devtools里面

要将Pinna添加到Vue Devtools中，需要按照以下步骤进行操作：

1. 确保已经安装了Vue Devtools扩展程序。如果没有安装，可以在Chrome Web Store中搜索Vue Devtools并安装。

2. 在Vue Devtools的官方GitHub仓库中下载最新的源代码。可以在GitHub中搜索"vue-devtools"找到该仓库。

3. 将Pinna的代码添加到源代码中。可以通过复制粘贴或者使用git submodule的方法将Pinna的仓库添加为Vue Devtools的子模块。

4. 在Vue Devtools的源代码中找到`src/backend/index.js`文件。在该文件中找到`registerModules`方法。

5. 在`registerModules`方法中添加Pinna的模块。可以使用`import`语句将Pinna的模块导入，并在方法中将其添加到模块列表中。

6. 保存并编译Vue Devtools的源代码。可以使用开发者工具或者命令行工具进行编译。

7. 安装已编译的Vue Devtools扩展程序。在Chrome浏览器中，打开扩展程序管理页面，并将编译后的源代码加载为已解压的扩展程序。

8. 重新启动Chrome浏览器，并确保Vue Devtools已经成功加载。

9. 打开您的Vue应用程序，并使用Vue Devtools查看调试信息。在Vue Devtools的面板中应该能够看到Pinna的模块，并且能够在其中查看和调试Pinna的状态和操作。

通过上述步骤，您就可以将Pinna成功添加到Vue Devtools中，并且可以使用Vue Devtools进行调试和监控Pinna的状态。