Chrome谷歌浏览器离线安装vue-devtool

开发vue项目过程中vue-devtool可以帮助我们只管看到对应的数据，方便调试，安装方法有以下两种
1、在Chrome商店，搜索vue-devtool，安装后启用（网络可能不通）
2、GitHub下载插件，完成安装并启用
下面我们来介绍下方法二的详细操作步骤

• 下载插件

git clone https://codechina.csdn.net/theSalt/vue-devtools.git

下载后

• 安装依赖
  执行以下命令

cd ./vue-devtools/
git checkout master
npm install
npm run build

命令执行完成后，会在shell->chrome目录下生成相应文件

打开manifest.json文件修改persistent为true

• 浏览器安装并启用
  Chrome浏览器中打开chrome://extensions/
  右上角打开开发者模式
  

点击加载已解压的扩展程序，路径选择shell->chrome目录
确定后完成安装

打开插件

效果