安装vue浏览器插件-Vue.js devtools

一、进入github仓库：https://github.com/vuejs/devtools

可以下载zip包，也可以clone仓库。这里我下载的压缩包。

二、解压后，在终端进入文件夹路径。

解压后推荐使用yarn install安装依赖；yarn run build进行打包
经过小编自己使用npm cnpm进行安装，总是出现报错信息，加载到浏览器无法使用

执行：
yarn install 安装依赖
yarn run build 进行打包·

三、修改manifest.json

文件路径：\devtools-main\packages\shell-chrome\manifest.json

"background": {
    "scripts": [
      "build/background.js"
    ],
    // "persistent": false
    // persistent设置为true
    "persistent": true
  },

三、最后在浏览器扩展程序中，加载已解压的扩展程序

选中devtools-main\packages\shell-chrome

添加成功！

三、启动vue项目，浏览器中就可以看到啦