美文网首页程序员
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安装和启用问题

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

  • vue-devtools安装

    vue-devtools安装 手动安装 第一步:找到vue-devtools的github项目,并将其clone到...

  • vue-devtools

    chrome调试插件vue-devtools安装步骤: 1.npm install vue-devtools 2....

  • 一些参考文章

    1、vue-devtools vue-devtools的安装与使用 2、proxyee-down proxyee-...

  • vue-devtools安装问题

    问题 由于node安装路径有问题这个可以在系统环境中进行配置,具体可以参考下边里的环境变量设置; (注意:最关键的...

  • Vue-Devtools 安装问题

    Mac系统 Chrome 浏览器安装 vue-devtools 第一步: 找到vue-devtools的githu...

  • 前端常用工具配置

    自动刷新浏览器 bower安装 安装cnpm gulp安装 Vue vue-devtools安装

  • vue调试工具vue-devtools安装及使用

    本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 chrome商店直接安装 vue-devt...

  • 配置 vue-devtools

    近期在开发和修复bug的过程中发现很多项目都没有开vue-devtools,开发和定位问题全靠自己打日志 安装 v...

  • VUE----调试工具的安装

    VUE文档中建议我们安装调试工具vue-devtools 1.下载vue-devtools: 2.解压该压缩包到自...

网友评论

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

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