vue-devtools/安装vue-devtools

Posted matd

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-devtools/安装vue-devtools相关的知识,希望对你有一定的参考价值。

一.在github上下载压缩包,github下载地址:https://github.com/vuejs/vue-devtools

二.解压到本地的某盘

三.用你的npm中进入该文件夹下

技术图片

在npm中执行命令:

1、$ cnpm install  (要有一会)

2、$ cnpm run build.(cnpm是因为我用的镜像)

四.修改manifest.json 中的persistent为true

技术图片

打开你的谷歌浏览器,在更多工具中点击扩展程序,然后在出现的页面中勾选开发者模式,点击加载你的解压好的包

技术图片

 

技术图片

技术图片

 

五.最后执行在npm中执行$ cnpm run dev,打开http://localhost:8080/ 服务器调试地址 按F12,OK了

 

技术图片

 

以上是关于vue-devtools/安装vue-devtools的主要内容,如果未能解决你的问题,请参考以下文章

安装vue-devtools

vue-devtools工具的安装

vue-devtools/安装vue-devtools

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

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

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