程序员

vue-devtools安装和启用问题

2019-03-05  本文已影响0人  小丘啦啦啦

一、谷歌商店
要翻墙,不解释。
二、crx浏览器插件
链接 提取码: kp64
下载crx文件,然后打开谷歌浏览器的拓展程序


调成开发者模式

把crx文件拖动到拓展程序页面进行插件安装

给出提示点击添加拓展程序

即安装完成

运行vue程序,在f12进入调试模式即可看到新增的插件

三、生效说明
1、测试是否安装成功
访问B站(Vue写的),看浏览器vue-devtools图标是否点亮,点亮即说明工具是安装成功的。


2、测试vue.js文件发现不起作用
学习vue的时候遇到的,用hbuilder工具运行,它会虚拟一个服务器运行html文件,vue-devtools可用。

但通过vs-code以文件网址方式访问不起作用。

这是应为此工具默认不允许访问文件网站方式。
可以打开扩展程序——点击vue-devtools详细信息——启用允许访问文件网址。



然后就可以了。
上一篇 下一篇

猜你喜欢

热点阅读