vue google浏览器插件devtools调试工具的安装

Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。

vue devtools的功能是能够在Google浏览器的开发者模式中看到data中的数据变化。

方法一：

第一步先下载：

https://download.csdn.net/download/chunxiaqiudong5/12035139

第二步安装

下载下来后先解压然后安装

打开谷歌浏览器设置--->扩展程序--》勾选开发者模式---》加载已解压的扩展程序---》选择“chrome扩展”文件夹，至此恭喜已经安装成功！！！

方法二：

1）首先在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools

下载后解压

2）下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖，然后执行npm run build，编译源程序。

如果没有安装cnpm 看这里：

       (1)输入以下命令

    npm install -g cnpm --registry=https://registry.npm.taobao.org

       (2)输入cnpm -v输入是否正常，这里肯定会出错。

     cnpm -v

https://www.cnblogs.com/feiyu159/p/8666865.html

https://www.cnblogs.com/liaojie970/p/9296177.html

 

方法三：

在线安装，在线安装之后如果控制台不显示vue选项就按照方法一的方式安装后再删除就可以了。

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN