Vue的devtools插件安装本地无效，网站却可以

安装Vue的devtools插件安装了一天多就是本地无效，最后安装了6.0.0测试版2才能在自己的vue项目上看到谷歌的vue插件亮了，而且能在console和network同级看到vue。

*警告：*如果你想要看状态，对不起了，暂时是做不到的，现在6.0.0 beta 2版本暂时仅有component这个功能，如果想用其他功能建议你用vue2。

这是测试版的Vue.js devtools 6.0.0 beta 2

这是Vue.js devtools 5.3.3
以下是devtools插件6.0.0 beta 2在xx商店的翻译：

Chrome和Firefox DevTools扩展，用于调试Vue.js应用程序。
Chrome DevTools扩展程序，用于调试Vue.js应用程序。

这是Beta通道-带来了最初的Vue 3支持的主要重构。请注意，这仍在进行中：

-目前仅支持Vue 3
-现在仅提供组件检查-即将推出其他功能。

请注意，beta通道可能会与Vue devtools的稳定版本产生冲突。如果Vue图标点亮，但devtools中未显示Vue选项卡，请暂时禁用稳定版本并重新打开页面。

我是用xx访问助手安装的，进入xx商店搜索devtools，点击进入你所需要的插件，点击添加至Chrome等待安装，更改配置。
安装完成后，可以登录B站主页或者vue官网，F12看一下是否安装成功。如果vue是绿色的，并且能看到说明安装成功。
我两个版本都安装了，但是没有看到官网所说会有冲突，最好用哪个版本开启哪个版本。在这里插入图片描述

在这里插入图片描述

管理拓展程序，将允许访问文件网址打开（要不然本地测试不起作用），最好这三个都打开吧。

测试版谷歌安装默认路径C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\ljjemllljcmogpfapbkkighbhhppjdbg\6.0.0.2_0
标准版谷歌安装默认路径C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\5.3.3_0
在这里插入图片描述

进入安装目录修改manifest.json文件，将

"background": {
    
    
      "persistent": false,
      "scripts": [ "build/background.js" ]
   },

中的false改为true。

在这里插入图片描述
希望我的文章对你们有所帮助，不要像我一样浪费一天时间发现仅仅是版本不支持。
加油，打工人。