[控制台调试]谷歌浏览器如何安装Vue调试工具

登录github官网下载vue-devtools压缩包

github网址:https://github.com/vuejs/vue-devtools

解压下载的包,通过cmd进入刚解压的文件

cmd:ctrl+R,输入cmd回车

切换盘目录:例如切换D盘使用命令:d:

进入目录:cd 目录路径    例如:cd D:\workSpace\webpack\vue-devtools-dev

安装依赖:npm install

运行命令:npm run build

找到文件夹目录:文件夹\shells\chrome文件夹下的manifest.json 文件,将"persistent": false 改成"persistent": true

打开谷歌浏览器,找到 更多工具 => 拓展程序点开,勾选“开发者模式”,点击“加载已解压的拓展工具”,选择 vue-devtools > shells > chrome ,导入调试工具包


注意:也可以用淘宝镜像:将 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝镜像;将命令npm安装切换成cnpm (切换原因:用npm安装太慢啦!!!)

切记:安装完成后要重新打开浏览器才可以用!

你可能感兴趣的:([控制台调试]谷歌浏览器如何安装Vue调试工具)