一. 登录 github 官网下载vue-devtools压缩包或者打开命令行使用命令

直接进入官网，下载 zip(注意下载 master 分支的)（不然会出问题）

​ https://github.com/vuejs/vue-devtools

二. 将下载的压缩包解压，进入vue-devtools-master 文件夹中，

点击“此电脑...”一整行，全选，输入“cmd”;

三. 输入安装命令 cnpm install

如果没有 cnpm，需要进入命令行, 输入

复制npm install -g cnpm --registry=https://registry.npm.taobao.org

把 npm 改成 cnpm(速度快)

复制cnpm -v// 查看版本

为什么使用 cnpm https://www.cnblogs.com/onew/p/11330439.html

四. 输入命令cnpm run build，生成最终的文件

五. 修改参数

vue-devtools-master\shells\chrome 文件夹下的manifest.json 文件，将 "persistent": false 改成 "persistent": true

六. 添加扩展

打开 chrome 浏览器，进入 "更多工具"=>"扩展程序"=>“加载已解压的扩展程序”，将 文件夹 vue-devtools-master\shells\chrome 的 chrome 文件作为扩展包。

七. 出现问题的三种解决方案

1.vue-devtools 版本的问题. 下载的版本，需要进入 master 分支

2. 可能是 npm 没有升级，需要先升级 npm,npm install -g npm 对 npm 升级后，执行 npm install -g cnpm --registry=https://registry.npm.taobao.org，更新 cnpm 再执行 cnpm install,cnpm run build
3. 在 main.js 中添加 Vue.config.devtools=true