使用Vue开发过程中,需要使用Chrome浏览器的调试插件Vue devtools

1.下载

vue-devtools
点击下载压缩包
vue-devtools安装

2.解压

将压缩包解压出来,目录结构如下所示:
vue-devtools安装

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安装
点击加载已解压的扩展程序
vue-devtools安装
选择刚才解压目录下的\vue-devtools-dev\packages\shell-chrome,即可安装成功。

相关文章: