一、谷歌商店
要翻墙,不解释。
二、crx浏览器插件
链接 提取码: kp64
下载crx文件,然后打开谷歌浏览器的拓展程序
调成开发者模式
把crx文件拖动到拓展程序页面进行插件安装
给出提示点击添加拓展程序
即安装完成
运行vue程序,在f12进入调试模式即可看到新增的插件
三、生效说明
1、测试是否安装成功
访问B站(Vue写的),看浏览器vue-devtools图标是否点亮,点亮即说明工具是安装成功的。
2、测试vue.js文件发现不起作用
学习vue的时候遇到的,用hbuilder工具运行,它会虚拟一个服务器运行
html
文件,vue-devtools可用。但通过vs-code以文件网址方式访问不起作用。
这是应为此工具默认不允许访问文件网站方式。
可以打开扩展程序——点击vue-devtools详细信息——启用允许访问文件网址。
然后就可以了。
网友评论