美文网首页程序员
vue-devtools安装和启用问题

vue-devtools安装和启用问题

作者: 小丘啦啦啦 | 来源:发表于2019-03-05 16:11 被阅读0次

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


    调成开发者模式

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

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

    即安装完成

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

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


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

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

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



    然后就可以了。

    相关文章

      网友评论

        本文标题:vue-devtools安装和启用问题

        本文链接:https://www.haomeiwen.com/subject/jllouqtx.html