Vue开发小插件devtools——Chrome浏览器Vue插件

欢迎使用Vue开发小插件devtools，这是一款专为Chrome浏览器设计的Vue插件。通过此插件，开发者可以更加便捷地进行Vue项目的调试工作。

使用教程

1. 下载插件：从本仓库下载资源文件。
2. 解压文件：下载后解压文件，如果你的解压位置在D盘，那么文件路径将类似于D:\devtools-add-remote-devtools\devtools-add-remote-devtools\shells。
3. 找到Chrome文件夹：在上述路径中找到并打开chrome文件夹。
4. 修改manifest.js文件：打开manifest.js文件，并修改文件的相应位置。
5. 加载扩展程序：
   • 打开Chrome浏览器，点击右上角的三个点，选择“更多工具”，然后点击“扩展程序”。
   • 开启开发者模式，点击“加载已解压的扩展程序”。
   • 将插件拖动至弹出的窗口中，或手动指定插件所在的文件夹路径。
6. 调整hook.js文件位置：如果出现hook.js文件位置不对的情况，请检查并修改文件路径为src/hook.js，其他文件也依次改为相对应的路径。
7. 检查文件位置：注意图中标记的文件在你的文件中的具体位置，不同版本可能有所差异，请确保文件位置正确。
8. 重新加载插件：返回Chrome扩展程序页面，如果看到插件的图标，则表示加载成功。

注意事项

• 请确保在操作过程中遵循提示进行。
• 注意文件的正确路径，以避免加载失败。

版权声明

本文档内容为开源项目的一部分，遵循相应的开源协议。原文出自CSDN博主，版权归原文作者所有。在使用过程中，请遵守相关规定。