使用Vue开发过程中,需要使用Chrome浏览器的调试插件Vue devtools
1.下载
vue-devtools
点击下载压缩包
2.解压
将压缩包解压出来,目录结构如下所示:
3.下载依赖包
在第2步的目录下打开命令提示符,输入npm install,然后执行npm run build。
4.修改配置
在编译好的文件夹找到manifest.json这个文件,路径是:
自己安装的路径\vue-devtools-dev\packages\shell-chrome\manifest.json
然后打开这个manifest.json, 将persistent的值改为true
5.导入
打开chrome浏览器,可以直接在地址栏输入chrome://extensions/,勾选右上角的开发者模式:
点击加载已解压的扩展程序
选择刚才解压目录下的\vue-devtools-dev\packages\shell-chrome,即可安装成功。