Vue的devtools插件安装本地无效,网站却可以
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。
希望我的文章对你们有所帮助,不要像我一样浪费一天时间发现仅仅是版本不支持。
加油,打工人。