谷歌浏览器安装vue-devtools

准备工作

1. 在github上下载vue-devtools压缩包，地址：https://github.com/vuejs/vue-devtools

2. 将下载好的压缩包解压到本地

3. 进入解压文件的根目录，执行yarn，安装依赖包
   

4. 依赖包安装完成以后，执行yarn build
   

5. build完成后会在packages > shell-chrome > build 目录下看到上图所示的几个javascript文件
   

6. 找到 packages > shell-chrome下的manifest.json，将persistent的值改为true

"background": {
   "scripts": [
      "build/background.js"
   ],
   "persistent": true
},

扩展chrome插件

1. 打开谷歌浏览器，chrome://extensions/访问谷歌扩展程序页面
2. 点击“加载已解压的扩展程序”，将packages > shell-chrome 目录放入之后，如下图：
   

测试

本地运行一个Vue应用，在谷歌浏览器访问，出现如下图页面，说明扩展chrome插件成功了。