Vue Devtools（Google插件）安装教程

1. 去 GitHub 克隆 Vue Devtools 代码到本地

git clone https://github.com/vuejs/vue-devtools.git

2. 进入 vue-devtools 目录，安装依赖

cd vue-devtools

cnpm install

3. 修改 manifest.json 文件 persistent 为 true

vue-devtools>packages>shell-chrome>manifest.josn

4. 在 vue-devtools 目录下编译代码

npm run build

5. 安装 Chrome 扩展插件

打开 Chrome 浏览器，点击 三个点-更多工具-扩展程序-开发者模式-加载已解压的扩展程序- vue-devtools>packages>shell-chrome>chrome 放入

安装成功后浏览器网址栏后面会出现 Vue logo

 

6. 启动 Vue 项目后，f12 在控制台中即会出现 vue 一栏，选中 vue 就可使用了

 

问题

在 npm run build 编译代码时容易报错，因为最新版本 vue-devtools 使用最新版本 webpack4，所以 node 版本至少大于6.11.5，卸掉以前的 node ，重新安装新版本即可

还有一个简单的方法，直接下载已编译的代码，已编译的代码已存在百度网盘，下载解压后，直接把 chrome 文件添加到扩展程序即可