本文介绍了如何在无法通过Chrome商店安装的情况下，手动下载并安装Vue Devtool。首先，从GitHub克隆项目，然后执行安装依赖、构建命令。接着，修改manifest.json文件，将persistent设置为true。最后，在Chrome的扩展程序页面开启开发者模式，加载已解压的扩展程序，并选择vue-devtool的shell-chrome目录，完成安装。
开发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目录
确定后完成安装
打开插件
效果
扫一扫
5732
到【灌水乐园】发言
